/* ============================================================
           REV-193 · starter.html seiten-scoped Styles (stp-*).
           Nutzt globale Tokens + globale Systeme (contact-pro,
           gw-care-beam/@property --gw-beam aus style.css). Keine
           Overrides geteilter pak-*-Klassen = business/premium safe.
           ============================================================ */
        /* Hero-CTA: Border-Beam (dunkler Komet auf weisser Pille) */
        .stp-beam{position:relative;overflow:hidden}
        .stp-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}
        /* Live-Demo-Schaufenster */
        .stp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px}
        .stp-tab{appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:var(--white);color:var(--text);font-family:var(--font);font-size:.875rem;font-weight:600;padding:9px 18px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}
        .stp-tab:hover{border-color:rgba(17,17,17,.3);color:var(--dark)}
        .stp-tab.is-active{background:var(--dark);border-color:var(--dark);color:var(--white)}
        .stp-frame{max-width:980px;margin:0 auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
        .stp-frame-chrome{display:flex;align-items:center;gap:6px;padding:11px 16px;border-bottom:1px solid var(--border);background:var(--bg)}
        .stp-frame-dot{width:9px;height:9px;border-radius:50%;background:rgba(17,17,17,.14)}
        .stp-frame-url{margin-left:10px;font-size:.78rem;color:var(--text-light);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 12px}
        .stp-shots{position:relative;aspect-ratio:1440/810;background:var(--bg-2)}
        .stp-shots img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .35s ease}
        .stp-shots img.is-active{opacity:1}
        .stp-show-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:980px;margin:14px auto 0}
        .stp-show-tag{font-size:.875rem;color:var(--text-light)}
        .stp-show-tag strong{color:var(--dark)}
        .stp-show-links{display:flex;gap:10px;flex-wrap:wrap}
        .stp-show-links a{display:inline-flex;align-items:center;gap:7px;font-size:.875rem;font-weight:600;color:var(--dark);border:1px solid var(--border);border-radius:var(--radius-full);padding:8px 16px;transition:all var(--transition)}
        .stp-show-links a:hover{background:var(--dark);border-color:var(--dark);color:var(--white)}
        /* 24h-Zeitstrahl */
        .stp-tl{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;list-style:none;padding:0}
        .stp-tl::before{content:'';position:absolute;left:calc(12.5% );right:calc(12.5%);top:21px;height:2px;background:linear-gradient(90deg,var(--dark),rgba(17,17,17,.15))}
        .stp-tl-step{position:relative;padding:0 18px;text-align:center}
        .stp-tl-num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--dark);color:var(--white);font-weight:800;font-size:.9rem;margin-bottom:14px;box-shadow:0 0 0 6px var(--bg-2)}
        .stp-tl-step:nth-child(n+3) .stp-tl-num{background:var(--white);color:var(--dark);border:2px solid var(--dark)}
        .stp-tl-when{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-bottom:6px}
        .stp-tl-step strong{display:block;font-size:1.02rem;letter-spacing:-.01em;color:var(--dark);margin-bottom:6px}
        .stp-tl-step p{font-size:.875rem;line-height:1.55;color:var(--text-light);margin:0}
        @media (max-width:860px){
            .stp-tl{grid-template-columns:1fr;gap:22px;max-width:460px}
            .stp-tl::before{left:21px;right:auto;top:22px;bottom:22px;width:2px;height:auto;background:linear-gradient(180deg,var(--dark),rgba(17,17,17,.15))}
            .stp-tl-step{display:grid;grid-template-columns:44px 1fr;gap:0 16px;text-align:left;padding:0}
            .stp-tl-num{margin:0;box-shadow:0 0 0 6px var(--bg-2)}
            .stp-tl-step .stp-tl-body{grid-column:2}
        }
        /* Break-even-Rechner */
        .stp-calc{max-width:860px;margin:0 auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(24px,3.5vw,40px);box-shadow:var(--shadow)}
        .stp-calc-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px}
        .stp-calc-top label{font-weight:700;color:var(--dark);font-size:1rem}
        .stp-calc-months{font-variant-numeric:tabular-nums;font-weight:800;color:var(--dark)}
        .stp-calc input[type="range"]{width:100%;height:24px;accent-color:#111111;margin:6px 0 26px}
        .stp-calc-bars{display:flex;flex-direction:column;gap:18px;margin-bottom:18px}
        .stp-calc-row{display:grid;grid-template-columns:150px 1fr 110px;gap:14px;align-items:center}
        .stp-calc-name{font-size:.875rem;font-weight:700;color:var(--dark)}
        .stp-calc-name span{display:block;font-weight:500;color:var(--text-light);font-size:.78rem}
        .stp-calc-track{position:relative;height:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden}
        .stp-calc-fill{position:absolute;inset:0;width:0;border-radius:inherit;transition:width .25s ease}
        .stp-calc-fill--starter{background:var(--dark)}
        .stp-calc-fill--bk{background:repeating-linear-gradient(135deg,rgba(17,17,17,.55) 0 6px,rgba(17,17,17,.3) 6px 12px)}
        .stp-calc-val{font-variant-numeric:tabular-nums;font-weight:800;color:var(--dark);text-align:right;font-size:.95rem}
        .stp-calc-verdict{padding:14px 18px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.9375rem;color:var(--text)}
        .stp-calc-verdict strong{color:var(--dark)}
        .stp-calc-note{margin:14px 0 0;font-size:.8125rem;color:var(--text-lighter);line-height:1.6}
        @media (max-width:640px){.stp-calc-row{grid-template-columns:1fr;gap:6px}.stp-calc-val{text-align:left}}
        /* FAQ-Politur (Nummern + Morph-Icon, lokale Variante) */
        .stp-faq .faq-list{counter-reset:stpfaq}
        .stp-faq .faq-item summary{justify-content:flex-start}
        .stp-faq .faq-item summary::before{counter-increment:stpfaq;content:counter(stpfaq,decimal-leading-zero);flex-shrink:0;width:36px;font-size:.8125rem;font-weight:800;color:var(--text-lighter);font-variant-numeric:tabular-nums}
        .stp-faq .faq-item[open] summary::before{color:var(--dark)}
        .stp-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)}
        .stp-faq .faq-item[open] summary::after{content:"+";transform:rotate(45deg);background:var(--dark);border-color:var(--dark);color:var(--white)}
        .stp-faq .faq-item p{padding-left:60px}
        @media (max-width:640px){.stp-faq .faq-item p{padding-left:24px}}
        /* Kontakt-Rail (Cockpit-Lokalteile) */
        .stp-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}
        .stp-rail-tile:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24)}
        .stp-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)}
        .stp-rail-tile-body{display:flex;flex-direction:column;gap:2px;min-width:0}
        .stp-rail-tile-body strong{color:var(--white);font-size:.9rem}
        .stp-rail-tile-body span{color:rgba(255,255,255,.55);font-size:.75rem}
        /* Sticky-Closer */
        .stp-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)}
        .stp-sticky.is-on{transform:translate(-50%,0)}
        .stp-sticky-txt{color:rgba(255,255,255,.85);font-size:.9rem;white-space:nowrap}
        .stp-sticky-txt strong{color:var(--white)}
        .stp-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)}
        .stp-sticky a:hover{color:var(--dark)}
        @media (max-width:560px){.stp-sticky-txt span{display:none}}
        /* Add-on-Konfigurator (REV-194) */
        .stp-addons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;margin:0 auto}
        .stp-addon{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 20px 18px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}
        .stp-addon:hover{border-color:rgba(17,17,17,.3);box-shadow:var(--shadow)}
        .stp-addon input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
        .stp-addon-check{position:absolute;top:16px;right:16px;width:24px;height:24px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;color:transparent;transition:all var(--transition)}
        .stp-addon.is-on{border-color:var(--dark);box-shadow:0 8px 24px -10px rgba(17,17,17,.25)}
        .stp-addon.is-on .stp-addon-check{background:var(--dark);border-color:var(--dark);color:var(--white)}
        .stp-addon input:focus-visible ~ .stp-addon-check{outline:2px solid var(--dark);outline-offset:2px}
        .stp-addon-head{display:flex;align-items:center;gap:11px;padding-right:32px}
        .stp-addon-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--bg);border:1px solid var(--border);color:var(--dark)}
        .stp-addon-name{font-weight:700;color:var(--dark);font-size:.9575rem;letter-spacing:-.01em;line-height:1.3}
        .stp-addon-price{display:inline-flex;align-self:flex-start;align-items:center;padding:4px 11px;border-radius:var(--radius-full);background:rgba(17,17,17,.06);font-size:.8125rem;font-weight:700;color:var(--dark);font-variant-numeric:tabular-nums}
        .stp-addon-price--mo{background:var(--dark);color:var(--white)}
        .stp-addon-price--free{background:transparent;border:1px dashed var(--border);color:var(--text-light)}
        .stp-addon-desc{font-size:.8125rem;line-height:1.5;color:var(--text-light);margin:0;flex:1}
        .stp-addon-sub{display:flex;gap:8px;margin-top:2px}
        .stp-addon-sub label{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border:1.5px solid var(--border);border-radius:10px;font-size:.78rem;font-weight:600;color:var(--text);cursor:pointer;transition:all var(--transition)}
        .stp-addon-sub input{position:absolute;opacity:0;pointer-events:none}
        .stp-addon-sub label.is-on{background:var(--dark);border-color:var(--dark);color:var(--white)}
        .stp-addon-pair-note{grid-column:1/-1;text-align:center;font-size:.78rem;color:var(--text-lighter);margin:-4px 0 0}
        .stp-addon-sum{max-width:1100px;margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 22px;background:var(--dark);border-radius:var(--radius-lg);color:var(--white);box-shadow:0 18px 40px -18px rgba(0,0,0,.45)}
        .stp-addon-sum-txt{font-size:.9375rem;color:rgba(255,255,255,.75);line-height:1.5}
        .stp-addon-sum-txt strong{color:var(--white);font-variant-numeric:tabular-nums}
        .stp-addon-sum a{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--dark);font-weight:700;font-size:.9375rem;padding:12px 22px;border-radius:var(--radius-full);transition:transform var(--transition);white-space:nowrap}
        .stp-addon-sum a:hover{color:var(--dark)}
        @media (max-width:960px){.stp-addons{grid-template-columns:1fr 1fr}}
        @media (max-width:620px){.stp-addons{grid-template-columns:1fr}.stp-addon-sum{flex-direction:column;align-items:stretch;text-align:center}}
        @media (prefers-reduced-motion:reduce){
            .stp-beam::after{animation:none}
            .stp-sticky{transition:none}
        }
        /* ============================================================
           REV-198 · Award-Layer (System aus REV-197/schutzpakete):
           Watermark, Hero-Stagger, Tilt, Marquee, Indexe, Nacht-Band,
           Scroll-Reveals, Spotlight, Magnetik, Progress-Rail.
           ============================================================ */
        .pak-stage{position:relative;overflow:hidden}
        .pak-stage .container{position:relative;z-index:1}
        .spk-wm{position:absolute;right:-3%;top:4%;z-index:0;font-size:clamp(8rem,22vw,19rem);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}
        .pak-stage .spk-wm{-webkit-text-stroke:1.5px rgba(255,255,255,.07)}
        .pak-stage-main > *{opacity:0;transform:translateY(22px);animation:spk-up .6s cubic-bezier(.2,.7,.2,1) forwards}
        .pak-stage-main > *:nth-child(2){animation-delay:.07s}
        .pak-stage-main > *:nth-child(3){animation-delay:.14s}
        .pak-stage-main > *:nth-child(4){animation-delay:.21s}
        .pak-stage-main > *:nth-child(5){animation-delay:.28s}
        .pak-stage-preview{opacity:0;transform:translateY(22px);animation:spk-up .6s .36s cubic-bezier(.2,.7,.2,1) forwards}
        .spk-tilt{perspective:1100px}
        .spk-tilt .spk-tilt-obj{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-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 */
        .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)}
        /* Nacht-Band */
        .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-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 auto;padding:0;max-width:980px}
        .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,.55);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}
        .spk-night-line{position:absolute;left:clamp(18px,3vw,44px);top:0;bottom:0;width:1px;background:rgba(255,255,255,.08)}
        @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 (Cursor-Radial) */
        .spk-spot{position:relative;overflow:hidden}
        .spk-spot::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-spot:hover::before{opacity:1}
        /* 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%}
                .stp-addons .spk-rev:nth-child(2){animation-range:entry 6% entry 58%}
                .stp-addons .spk-rev:nth-child(3){animation-range:entry 12% entry 64%}
                .stp-addons .spk-rev:nth-child(4){animation-range:entry 18% entry 70%}
                .stp-addons .spk-rev:nth-child(5){animation-range:entry 24% entry 76%}
                .stp-addons .spk-rev:nth-child(6){animation-range:entry 30% entry 82%}
                .stp-addons .spk-rev:nth-child(7){animation-range:entry 36% entry 88%}
                .stp-tl .spk-rev:nth-child(2){animation-range:entry 8% entry 60%}
                .stp-tl .spk-rev:nth-child(3){animation-range:entry 16% entry 68%}
                .stp-tl .spk-rev:nth-child(4){animation-range:entry 24% entry 76%}
                .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%}
            }
        }
        @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}
            .pak-stage-main > *,.pak-stage-preview{animation:none;opacity:1;transform:none}
            .spk-tilt .spk-tilt-obj{transform:none;transition:none}
        }