[data-platform-hero]{background:var(--paper);padding:54px var(--space) 0;color:var(--ink);font-family:Inter,sans-serif}
[data-platform-hero] ::selection{background:var(--gold);color:var(--night)}
[data-platform-hero] .v4-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:end;padding-bottom:42px}
[data-platform-hero] h1{font-size:clamp(40px,5vw,72px);font-weight:550;line-height:1.05;letter-spacing:-.04em;text-wrap:balance;margin:0}
[data-platform-hero] h1>span{display:block}
[data-platform-hero] .v4-intro p{font-size:17px;line-height:1.65;max-width:47ch;margin:0;color:var(--muted)}
[data-platform-hero] .actions{gap:10px;margin-top:24px;flex-wrap:wrap}
[data-platform-hero] .button{font-size:13px;padding:13px 16px;white-space:normal;text-align:center}
[data-platform-hero] .v4-machine{position:relative;background:var(--night);color:var(--paper);margin:0 calc(-1 * var(--space));padding:20px var(--space) 27px;--focus:var(--gold)}
[data-platform-hero] .v4-flow{position:relative;height:350px;max-width:1200px;margin:auto}
[data-platform-hero] .v4-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
[data-platform-hero] .v4-route path{fill:none;stroke:#616169;stroke-width:1.5;vector-effect:non-scaling-stroke}
[data-platform-hero] .v4-route .v4-branch-line{stroke-dasharray:5 6}
[data-platform-hero] .v4-end{fill:#bfc0c3}
[data-platform-hero] .v4-packet{fill:var(--gold);stroke:var(--gold);stroke-width:4;vector-effect:non-scaling-stroke}
[data-platform-hero][data-v4-phase="suggest"] .v4-branch-line,[data-platform-hero][data-v4-phase="validate"] .v4-branch-line,[data-platform-hero][data-v4-phase="resume"] .v4-return-line{stroke:var(--gold)}
[data-platform-hero][data-v4-phase="rejected"] .v4-packet{fill:#e86767}
[data-platform-hero] .v4-spindle{width:clamp(215px,27%,290px);position:absolute;top:0;left:50%;transform:translateX(-50%);pointer-events:none}
[data-platform-hero] .disc-art{width:100%;transition:none}
[data-platform-hero] .v4-disc-label{position:absolute;top:43%;left:23%;right:23%;z-index:3;text-align:center;font-size:12px;line-height:1.4;color:var(--paper);background:#101113;padding:11px 5px}
[data-platform-hero] .v4-path-label{position:absolute;top:79px;font-size:16px;line-height:1.4;max-width:21%;color:var(--paper)}
[data-platform-hero] .v4-path-start{left:6.5%}
[data-platform-hero] .v4-path-end{right:6%;text-align:right}
[data-platform-hero] .v4-branch-label{position:absolute;left:37%;top:292px;max-width:18%;font-size:12px;line-height:1.4;color:var(--silver)}
[data-platform-hero] .v4-gate-label{position:absolute;left:60%;top:259px;display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.4;background:var(--night);padding:7px 10px;border:1px solid #616169;max-width:25%}
[data-platform-hero] .v4-gate-label strong{font-size:12px;font-weight:500;color:var(--silver)}
[data-platform-hero] [data-v4-gate="valid"] .v4-gate-label{border-color:var(--gold)}
[data-platform-hero] [data-v4-gate="valid"] .v4-gate-label strong{color:var(--gold)}
[data-platform-hero] [data-v4-gate="rejected"] .v4-gate-label{border-color:#e86767}
[data-platform-hero] [data-v4-gate="rejected"] .v4-gate-label strong{color:#e86767}
[data-platform-hero] .v4-readout{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 30px;color:var(--silver);font-size:12px;line-height:1.5;margin:0 0 24px}
[data-platform-hero] .v4-player{display:grid;grid-template-columns:auto minmax(170px,1fr) auto;gap:26px;align-items:end;padding:20px 0;border-top:1px solid #414145;border-bottom:1px solid #414145}
[data-platform-hero] .v4-play-buttons{display:flex;gap:8px}
[data-platform-hero] .v4-play-buttons button{font-family:inherit;background:transparent;color:var(--paper);border:1px solid #74747b;border-radius:5px;padding:12px 16px;font-size:13px;min-height:46px;cursor:pointer;white-space:nowrap}
[data-platform-hero] [data-v4-play]{min-width:112px}
[data-platform-hero] .v4-range{display:grid;grid-template-columns:1fr auto;gap:8px 13px;font-size:11px;line-height:1.4;color:var(--silver)}
[data-platform-hero] .v4-range>span{grid-column:1/-1}
[data-platform-hero] .v4-range input{width:100%;min-width:0;min-height:30px;accent-color:var(--gold);cursor:pointer}
[data-platform-hero] .v4-range output{font-variant-numeric:tabular-nums;align-self:center;white-space:nowrap}
[data-platform-hero] .v4-scenario{display:flex;flex-direction:column;gap:8px;font-size:11px;line-height:1.4;color:var(--silver)}
[data-platform-hero] .v4-scenario select{font-family:inherit;font-size:12px;line-height:1.4;min-height:42px;background:var(--night);color:var(--paper);border:1px solid #74747b;border-radius:4px;padding:8px 28px 8px 12px;max-width:100%}
[data-platform-hero] .v4-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:21px}
[data-platform-hero] .v4-stages button{font-family:inherit;display:grid;grid-template-columns:27px minmax(0,1fr);gap:9px 13px;text-align:left;padding:19px 0;background:var(--night);color:var(--silver);border:0;border-top:1px solid #616169;line-height:1.5;cursor:pointer}
[data-platform-hero] .v4-stages strong{font-weight:550;font-size:18px;color:var(--paper)}
[data-platform-hero] .v4-stages button>span:last-child{grid-column:2;font-size:13px;max-width:34ch}
[data-platform-hero] .v4-track{border:1px solid #616169;width:26px;height:26px;text-align:center;border-radius:50%;font-size:13px}
[data-platform-hero] .v4-stages [aria-pressed=true]{border-color:var(--gold)}
[data-platform-hero] .v4-stages [aria-pressed=true] .v4-track{background:var(--gold);color:var(--night);border-color:var(--gold)}
[data-platform-hero] .v4-stages button:disabled{opacity:.45;cursor:not-allowed}
[data-platform-hero] .v4-status{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:baseline;margin-top:8px;min-height:76px}
[data-platform-hero] .v4-status h2{font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.02em;color:var(--gold);margin:0}
[data-platform-hero] .v4-status p{font-size:14px;line-height:1.65;margin:0;color:var(--paper);max-width:70ch}
[data-platform-hero] .v4-disclosure{font-size:11px;line-height:1.7;color:var(--silver);margin:18px 0 0;max-width:110ch}
[data-platform-hero] :is(button,input,select):focus-visible{outline:3px solid var(--gold);outline-offset:4px}
[data-platform-hero] button:hover:not(:disabled){color:var(--gold)}
@media(max-width:1000px){[data-platform-hero] .v4-intro{grid-template-columns:1fr;gap:24px}[data-platform-hero] .v4-intro p{max-width:62ch}[data-platform-hero] .v4-player{grid-template-columns:auto 1fr;gap:17px 24px}[data-platform-hero] .v4-scenario{grid-column:2;grid-row:1}[data-platform-hero] .v4-range{grid-column:1/-1}[data-platform-hero] .v4-stages{gap:20px}[data-platform-hero] .v4-stages strong{font-size:16px}}
@media(max-width:600px){[data-platform-hero]{padding-top:34px}[data-platform-hero] h1{font-size:clamp(29px,8.7vw,45px);line-height:1.1}[data-platform-hero] .v4-intro{padding-bottom:30px;gap:19px}[data-platform-hero] .v4-intro p{font-size:16px}[data-platform-hero] .actions{gap:10px}[data-platform-hero] .button{width:100%}[data-platform-hero] .v4-machine{padding-top:15px}[data-platform-hero] .v4-flow{height:350px}[data-platform-hero] .v4-spindle{width:180px;top:50px}[data-platform-hero] .v4-path-label{top:8px;font-size:12px;max-width:42%}[data-platform-hero] .v4-path-start{left:0}[data-platform-hero] .v4-path-end{right:0}[data-platform-hero] .v4-disc-label{font-size:10px;padding:8px 4px;left:20%;right:20%}[data-platform-hero] .v4-branch-label{left:14%;top:298px;max-width:36%;font-size:11px}[data-platform-hero] .v4-gate-label{left:57%;max-width:42%;top:256px;font-size:10px;padding:8px}[data-platform-hero] .v4-gate-label strong{font-size:11px}[data-platform-hero] .v4-readout{font-size:11px;justify-content:space-between;gap:10px;margin-bottom:19px}[data-platform-hero] .v4-player{grid-template-columns:1fr;gap:17px;padding:18px 0}[data-platform-hero] .v4-play-buttons{display:grid;grid-template-columns:1fr 1fr}[data-platform-hero] .v4-play-buttons button{font-size:12px;padding:11px 10px;white-space:normal}[data-platform-hero] .v4-scenario{grid-column:auto;grid-row:auto}[data-platform-hero] .v4-range{grid-column:auto}[data-platform-hero] .v4-stages{grid-template-columns:1fr;gap:0;margin-top:21px}[data-platform-hero] .v4-stages button{padding:16px 0;gap:6px 12px}[data-platform-hero] .v4-stages button>span:last-child{max-width:none}[data-platform-hero] .v4-status{grid-template-columns:1fr;gap:10px;min-height:140px;margin-top:14px}[data-platform-hero] .v4-status h2{font-size:18px}[data-platform-hero] .v4-status p{font-size:13px}}
@media(prefers-reduced-motion:reduce){[data-platform-hero] .disc-art{transition:none}}

[data-platform-hero] [data-v4-gate="checking"] .v4-gate-label{border-color:var(--gold);border-style:dashed}

[data-platform-hero] [data-v4-next][hidden]{display:none}
[data-platform-hero] [data-v4-reduced="true"] .v4-play-buttons{grid-template-columns:1fr}
@media(min-width:1001px){[data-platform-hero][lang="es"] h1{font-size:clamp(48px,4.3vw,64px)}}
