/* Hero „Spannung“ aus Codex-Designstudie 17.10.2026 (meldeblitz-brand-vorschlaege), auf .voltage begrenzt */
.voltage .button:active{transform:scale(.98)}
.voltage .hero-copy{position:relative;z-index:3}
.voltage .eyebrow{font-size:10px;letter-spacing:.1em;font-weight:600;display:flex;align-items:center;gap:9px}
.voltage .hero h1{font-size:clamp(48px,5.3vw,82px);letter-spacing:-.062em;line-height:1.02;margin-top:26px}
.voltage .intro{max-width:390px;color:var(--muted);font-size:15px;line-height:1.7;margin-top:28px}
.voltage .actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:29px}
.voltage .button{min-height:47px;padding:13px 18px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:4px;white-space:nowrap;transition:transform 160ms var(--ease),background-color 180ms ease}
.voltage .primary{background:var(--ink);color:var(--paper)}
.voltage .play{font-size:18px;line-height:1}
.voltage .pilot-note{color:var(--muted);font-size:10px;margin-top:13px}
.voltage .stage{position:relative;min-width:0}
.voltage .stage-coordinate{position:absolute;font:9px monospace;letter-spacing:.12em;color:var(--muted)}
.voltage .sculpture{position:absolute;pointer-events:none}
.voltage .connection{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.voltage .wire{stroke:var(--line);stroke-width:1}
.voltage .impulse{stroke:var(--gold);stroke-width:2;stroke-dasharray:.1 .9;stroke-dashoffset:-.9;opacity:0}
.voltage .data-card{position:absolute;background:var(--paper);border:1px solid var(--line);border-radius:6px;z-index:3}
.voltage .card-label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:.07em}
.voltage .mini-square{height:8px;width:8px;background:var(--gold);display:inline-block}
.voltage .demo{font-size:8px;letter-spacing:.07em;color:var(--muted);border:1px solid var(--line);padding:3px 4px;border-radius:2px;margin-left:auto}
.voltage .check-circle{width:17px;height:17px;border-radius:50%;background:var(--gold);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}
.voltage{--ease:cubic-bezier(.22,1,.36,1);--paper:#171715;--ink:#f5f3e9;--gold:#f3c642;--muted:#a5a398;--line:#34342d}
.voltage .hero-two{text-align:center;min-height:754px;padding-top:47px;overflow:hidden}
.voltage .hero-two .eyebrow{justify-content:center;font-size:9px;letter-spacing:.14em}
.voltage .status-dot{background:var(--gold);width:5px;height:5px;border-radius:50%}
.voltage .hero-two h1{font-size:clamp(56px,5.5vw,84px);line-height:1.02;letter-spacing:-.06em;margin-top:22px}
.voltage .hero-two h1 span{color:var(--gold)}
.voltage .hero-two .intro{max-width:560px;margin-inline:auto;font-size:13px;margin-top:23px;line-height:1.7}
.voltage .hero-two .actions{justify-content:center;gap:10px;margin-top:24px}
.voltage .primary{background:var(--gold);color:#171715}
.voltage .secondary{background:#20201c;border:1px solid #444338;color:var(--ink)}
.voltage .hero-two .pilot-note{font-size:9px}
.voltage .stage-two{height:337px;max-width:1010px;margin:5px auto 0;text-align:left;isolation:isolate}
.voltage .perspective-grid{position:absolute;inset:50px 0 0;background-image:linear-gradient(#4a473030 1px,transparent 1px),linear-gradient(90deg,#4a473030 1px,transparent 1px);background-size:54px 32px;transform:perspective(400px) rotateX(55deg);transform-origin:center bottom;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%);z-index:-1}
.voltage .sculpture-two{width:260px;top:-4px;left:50%;margin-left:-130px;z-index:2;filter:drop-shadow(0 22px 22px #0007)}
.voltage .data-card{background:#1d1d19;border-color:#3b392d;text-align:left}
.voltage .voltage-input{width:223px;left:2%;top:64px;padding:17px}
.voltage .voltage-input>strong{display:block;font-size:19px;line-height:1.2;font-weight:500;margin-top:15px;letter-spacing:-.03em}
.voltage .input-file{font-size:10px;display:flex;gap:8px;align-items:center;margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
.voltage .input-file>span:last-child{margin-left:auto}
.voltage .file-icon{color:var(--gold);font-size:16px}
.voltage .voltage-input>p{font-size:9px;color:var(--muted);margin-top:9px}
.voltage .voltage-input>p>span{margin-inline:6px}
.voltage .voltage-output{width:246px;right:1%;top:112px;padding:17px}
.voltage .voltage-output>strong{display:block;font-size:18px;letter-spacing:-.03em;font-weight:500;margin-top:15px;margin-bottom:15px}
.voltage .check-circle{color:#171715}
.voltage .progress-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:9px;color:#cfcdc1}
.voltage .progress-row>span:last-child{color:var(--gold)}
.voltage .approval-line{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;color:var(--muted);font-size:9px;display:flex;justify-content:space-between;gap:10px}
.voltage .voltage-caption{bottom:7px;left:0;right:0;text-align:center;font-size:8px;color:#bcb79d}
.voltage .voltage-caption>span{margin-inline:19px;color:#a99758}
@media(hover:hover) and (pointer:fine){.voltage .primary:hover{background:#ffda6b}.voltage .secondary:hover{background:#2b2a22}}
@media(min-width:1600px){.voltage .hero-two{min-height:800px}}
@media(max-width:1150px){.voltage .hero h1{font-size:58px}.voltage .hero-two h1{font-size:72px}.voltage .voltage-input{left:0}.voltage .voltage-output{right:0}.voltage .sculpture-two{width:244px;margin-left:-122px}.voltage .stage-two{margin-top:15px}}
@media(max-width:850px){.voltage .hero h1{font-size:48px}.voltage .card-label{font-size:8px}.voltage .hero-copy .primary{font-size:11px;padding-inline:14px;gap:18px}.voltage .hero-two{padding-top:40px;min-height:725px}.voltage .hero-two h1{font-size:65px}.voltage .stage-two{height:345px;margin-top:10px}.voltage .sculpture-two{width:220px;margin-left:-110px;top:19px}.voltage .voltage-input{width:183px;padding:13px;top:73px}.voltage .voltage-input>strong{font-size:17px}.voltage .voltage-input>p{font-size:8px}.voltage .voltage-output{width:204px;padding:14px;top:143px}.voltage .voltage-output>strong{font-size:16px}.voltage .voltage-output .approval-line{font-size:8px}}
@media(max-width:650px){.voltage .hero h1{font-size:clamp(42px,10.8vw,65px);margin-top:19px;letter-spacing:-.06em}.voltage .hero-copy .primary{font-size:11px;min-height:46px;padding:13px 15px;gap:18px}.voltage .pilot-note{font-size:9px;margin-top:11px}.voltage .hero-two{min-height:0;padding-top:36px}.voltage .hero-two .eyebrow{font-size:7px;letter-spacing:.08em;gap:6px}.voltage .hero-two h1{font-size:clamp(48px,12vw,76px);margin-top:23px}.voltage .hero-two .intro{font-size:12px;max-width:340px;margin-top:21px}.voltage .hero-two .actions{margin-top:22px;gap:8px}.voltage .hero-two .button{font-size:10px;padding-inline:12px;gap:10px;min-height:44px}.voltage .hero-two .pilot-note{font-size:8px}.voltage .stage-two{height:460px;margin-top:22px;max-width:450px}.voltage .sculpture-two{width:245px;top:-6px;margin-left:-112px}.voltage .voltage-input{width:160px;top:130px;left:0;padding:12px}.voltage .voltage-input>strong{font-size:16px;margin-top:13px}.voltage .voltage-input .input-file{font-size:8px;margin-top:14px;gap:4px}.voltage .voltage-input>p{font-size:7px}.voltage .voltage-input>p>span{margin-inline:2px}.voltage .voltage-input .card-label{font-size:7px}.voltage .voltage-input .demo{font-size:6px;padding:2px}.voltage .voltage-output{width:199px;top:241px;right:0;padding:14px}.voltage .voltage-output>strong{font-size:16px;margin-top:13px}.voltage .voltage-output .progress-row{font-size:9px}.voltage .voltage-caption{bottom:21px;font-size:7px;letter-spacing:.08em}.voltage .voltage-caption>span{margin-inline:8px}.voltage .perspective-grid{inset:40px -35px 0;background-size:36px 30px}.voltage .connection-two{height:105%;top:20px;width:150%;max-width:none;left:-25%}}
@media(max-width:370px){.voltage .hero h1{font-size:42px}.voltage .hero-two h1{font-size:46px}.voltage .hero-two .eyebrow{font-size:6px}.voltage .hero-two .button{font-size:9px;padding-inline:10px;gap:8px}.voltage .stage-two{height:465px}.voltage .voltage-input{width:149px;top:132px}.voltage .voltage-output{top:251px;width:187px}.voltage .sculpture-two{width:225px;margin-left:-100px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.voltage .sculpture{pointer-events:auto}.voltage .sculpture svg{transition:transform 420ms var(--ease),filter 420ms var(--ease);transform-origin:50% 60%}.voltage .sculpture-two:hover svg{transform:translateY(-9px) rotate(3deg);filter:drop-shadow(0 8px 16px #e7b62d20)}.voltage .data-card{transition:translate 260ms var(--ease),border-color 260ms ease,box-shadow 260ms ease}.voltage .data-card:hover{translate:0 -4px;border-color:#b39853;box-shadow:0 13px 30px #302b1419}.voltage .data-card:hover{border-color:#80703f;box-shadow:0 12px 28px #0003}.voltage .primary>span{display:inline-block;transition:transform 220ms var(--ease)}.voltage .primary:hover>span{transform:translate(3px,-3px)}.voltage .primary:hover{transform:translateY(-2px)}.voltage .primary:active{transform:translateY(0) scale(.98)}}
@media(max-width:370px){.voltage .hero-two h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){.voltage .impulse{opacity:0!important}}
.voltage [data-replay]{display:none}
.js-ready .voltage [data-replay]{display:inline-flex}
.voltage .pill-zeile{display:inline-flex;min-height:44px;color:var(--ink)}
.voltage .pill-zeile:hover{color:var(--gold)}
.voltage .hero-copy{position:relative;z-index:3}
.voltage a{text-decoration:none}
@media(prefers-reduced-motion:reduce){.js-ready .voltage [data-replay]{display:none}}
/* Funken: alle paar Sekunden ein schneller Blitz vom Zentrum an eine Karte (17.10.2026, Fareez) */
.voltage .funke{stroke:#ffe99b;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:.16 .84;stroke-dashoffset:.16;opacity:0;filter:drop-shadow(0 0 4px #f3c642) drop-shadow(0 0 10px #f3c64299)}
@media(prefers-reduced-motion:reduce){.voltage .funke{display:none}}
/* 3D-Goldblitz (17.10.2026): Canvas über dem SVG, SVG bleibt Fallback ohne WebGL und bei reduzierter Bewegung */
.voltage .blitz3d{position:absolute;left:-30%;top:-18%;width:160%;height:136%;opacity:0;transition:opacity 700ms var(--ease);pointer-events:none}
.voltage .sculpture-two svg{transition:opacity 700ms var(--ease)}
.voltage .blitz3d-an .blitz3d{opacity:1}
.voltage .blitz3d-an svg{opacity:0}
.voltage .blitz3d-an{filter:drop-shadow(0 18px 30px #f3c64224)}
@media(prefers-reduced-motion:reduce){.voltage .blitz3d{display:none}.voltage .blitz3d-an svg{opacity:1}}