/* ============================================================
           REV-200 · Award-Layer (System REV-197/198/199), Support-Dosis:
           Hero-Stagger + Watermark + Beam, Marquee, Indexe, Reveals.
           ============================================================ */
        .pillar-hero,.cms-hero{position:relative;overflow:hidden}
        .pillar-hero>.container,.cms-hero>.container{position:relative;z-index:1}
        .spk-wm{position:absolute;right:-3%;top:4%;z-index:0;font-size:clamp(8rem,22vw,18rem);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}
        .pillar-hero-content > *,.cms-hero > .container > *{opacity:0;transform:translateY(22px);animation:spk-up .6s cubic-bezier(.2,.7,.2,1) forwards}
        .pillar-hero-content > *:nth-child(2),.cms-hero > .container > *:nth-child(2){animation-delay:.07s}
        .pillar-hero-content > *:nth-child(3),.cms-hero > .container > *:nth-child(3){animation-delay:.14s}
        .pillar-hero-content > *:nth-child(4),.cms-hero > .container > *:nth-child(4){animation-delay:.21s}
        .pillar-hero-content > *:nth-child(5),.cms-hero > .container > *:nth-child(5){animation-delay:.28s}
        .pillar-hero-aside{opacity:0;transform:translateY(22px);animation:spk-up .6s .36s cubic-bezier(.2,.7,.2,1) forwards}
        @keyframes spk-up{to{opacity:1;transform:none}}
        @media (max-width:880px){.spk-wm{display:none}}
        .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(255,255,255,.9) 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}
        .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%)}}
        .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)}
        .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,.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}
        .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}}
        .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)}
        }
        @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-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,.spk-beam::after{animation:none}
            .pillar-hero-content > *,.cms-hero > .container > *,.pillar-hero-aside{animation:none;opacity:1;transform:none}
        }