/* ---------- experiencia cinematográfica: visita → acción → panel ---------- */
  .scene-wrap{
    height:auto;padding:clamp(88px,10vw,132px) 0;position:relative;isolation:isolate;background:#050B18;color:#fff
  }
  .scene-wrap.is-cinematic{height:235svh;padding:0}
  .scene-sticky{position:relative;min-height:0;display:flex;align-items:center;overflow:hidden;padding:0;background:#050B18}
  .scene-wrap.is-cinematic .scene-sticky{position:sticky;top:0;height:100svh;min-height:690px}
  .scene-words{position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden}
  .scene-word{
    position:absolute;right:-.35em;bottom:-.12em;font:700 clamp(5rem,13vw,12rem)/.8 'Libre Franklin',sans-serif;
    letter-spacing:-.05em;color:#0E1830;opacity:0;white-space:nowrap
  }
  .scene-word:last-child{opacity:1}

  .scene-inner{
    position:relative;z-index:4;width:100%;max-width:var(--maxw);margin:0 auto;padding:var(--header-h) var(--gutter) 28px;
    display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.3fr);gap:clamp(34px,5vw,74px);align-items:center
  }
  .scene-copy{position:relative;z-index:8;max-width:500px}
  .scene-title{font-size:var(--step-head);line-height:.95;letter-spacing:-.035em;max-width:none}
  .scene-sub{max-width:40ch;margin-top:20px;color:var(--ink);font-size:var(--step-body);line-height:1.55}
  .scene-points{list-style:none;display:grid;gap:4px;margin-top:28px}
  .scene-point{
    position:relative;display:grid;grid-template-columns:14px 1fr;gap:14px;padding:10px 0;color:#CBD5E1;opacity:.8;
    transition:opacity .28s ease,transform .28s ease,color .28s ease
  }
  .scene-point>span{align-self:start;width:12px;height:12px;margin-top:6px;background:#2A3A57;transition:inherit}
  .scene-point b{display:block;font:700 1.0625rem/1.25 'Libre Franklin',sans-serif;color:#E2E8F0;transition:inherit}
  .scene-point small{display:block;margin-top:3px;font-size:.9375rem;line-height:1.45;color:#A9B6C9;transition:inherit}
  .scene-wrap.is-cinematic .scene-point{opacity:.55;transform:translateX(-4px)}
  .scene-wrap.is-cinematic .scene-point.past{opacity:.75;transform:none}
  .scene-wrap.is-cinematic .scene-point.on{opacity:1;transform:translateX(5px);color:#fff}
  .scene-point.past>span{background:#3B6FD9}
  .scene-point.on>span{background:var(--cyan)}
  .scene-point.on b{color:#fff}
  .scene-point.on small{color:#CBD5E1}
  .scene-bar{width:min(280px,72%);height:4px;margin-top:23px;overflow:hidden;background:#1A2740}
  .scene-bar i{display:block;width:100%;height:100%;transform:scaleX(1);transform-origin:left;background:var(--cyan)}
  .scene-cta{margin-top:24px}
  .scene-note{display:block;max-width:40ch;margin-top:12px;color:#A9B6C9;font-size:.8125rem;line-height:1.45}

  /* escenario y cámara */
  .story-stage{position:relative;z-index:4;width:100%;aspect-ratio:1.25/1;min-width:0}
  .story-browser{position:absolute;z-index:3;inset:8% 4% 10% 0;border-radius:8px;overflow:hidden;background:#091120}
  .story-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#080E1A;border-bottom:1px solid rgba(148,163,184,.13)}
  .story-bar>i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
  .story-bar>i:nth-child(1){background:#FB7185}.story-bar>i:nth-child(2){background:#FBBF24}.story-bar>i:nth-child(3){background:#34D399}
  .story-url{position:relative;flex:1;max-width:350px;height:24px;margin-left:10px;border:1px solid rgba(148,163,184,.14);border-radius:7px;overflow:hidden;background:#111B2E}
  .story-url span{position:absolute;inset:0;display:flex;align-items:center;padding:0 11px;font-size:.62rem;color:#7D8CA3;white-space:nowrap}
  .story-url .url-live{color:#7DD3FC}
  .story-live{margin-left:auto;display:flex;align-items:center;gap:6px;font:600 .58rem/1 'Libre Franklin',sans-serif;color:#86EFAC;letter-spacing:.04em}
  .story-live i{width:6px;height:6px;border-radius:50%;background:#4ADE80;box-shadow:0 0 12px #4ADE80}
  .story-screen{position:relative;height:calc(100% - 42px);overflow:hidden;contain:layout paint;background:#07101F;isolation:isolate}
  .flow-layer{position:absolute;inset:0;overflow:hidden}

  /* acto 1: sitio público */
  .flow-site{opacity:0;visibility:hidden;background:#F7FAFC;color:#091120}
  .flow-nav{height:12%;min-height:34px;display:flex;align-items:center;gap:9px;padding:0 4%;border-bottom:1px solid #E5EAF1;background:rgba(255,255,255,.94)}
  .flow-brand{display:flex;align-items:center;gap:7px;font:700 clamp(.55rem,.72vw,.72rem)/1 'Libre Franklin',sans-serif;letter-spacing:.06em}
  .flow-brand i{width:17px;height:17px;border-radius:6px;background:var(--grad);box-shadow:0 5px 12px rgba(37,99,235,.23)}
  .flow-links{display:flex;gap:12px;margin-left:auto;font-size:clamp(.4rem,.52vw,.56rem);color:#64748B}
  .flow-nav-btn{margin-left:5px;border-radius:6px;padding:5px 10px;background:#0B1220;color:#fff;font-size:clamp(.4rem,.52vw,.56rem);font-weight:600}
  .flow-hero{height:57%;display:grid;grid-template-columns:1.03fr .97fr;gap:4%;align-items:center;padding:4.5% 4%;background:#F8FAFC}
  .flow-kicker{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;font-size:clamp(.42rem,.55vw,.58rem);font-weight:700;color:#2563EB;text-transform:uppercase;letter-spacing:.1em}
  .flow-kicker::before{content:"";width:14px;height:1px;background:#2563EB}
  .flow-copy h3{font:700 clamp(1rem,1.75vw,1.62rem)/1.04 'Libre Franklin',sans-serif;letter-spacing:-.045em}
  .flow-copy h3 span{color:#2563EB}
  .flow-copy p{max-width:32ch;margin:8px 0 12px;color:#64748B;font-size:clamp(.45rem,.62vw,.62rem);line-height:1.48}
  .flow-main-btn{display:inline-flex;align-items:center;gap:7px;border-radius:7px;padding:7px 12px;background:var(--grad);color:#fff;font-size:clamp(.43rem,.57vw,.58rem);font-weight:700;box-shadow:0 8px 20px -7px rgba(37,99,235,.55)}
  .flow-visual{position:relative;height:100%;min-height:128px;border-radius:15px;overflow:hidden;background:#172554}
  .flow-visual::before{content:"";position:absolute;width:125%;aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%;left:18%;top:-66%}
  .flow-visual::after{content:"";position:absolute;width:76%;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:41%;top:-28%}
  .visual-card{position:absolute;left:11%;right:11%;bottom:12%;padding:11px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(7,16,31,.42);color:#fff;box-shadow:0 18px 35px -18px rgba(0,0,0,.8)}
  .visual-card small{display:block;color:#BAE6FD;font-size:clamp(.4rem,.48vw,.5rem)}
  .visual-card b{display:block;margin:2px 0;font:600 clamp(.62rem,.82vw,.78rem)/1.2 'Libre Franklin',sans-serif}
  .visual-card span{font-size:clamp(.42rem,.5vw,.52rem);color:#DCE7F7}
  .flow-actions{height:31%;display:grid;grid-template-columns:repeat(3,1fr);gap:2.2%;padding:2.5% 4% 3.5%;background:#fff}
  .flow-action{display:flex;align-items:center;gap:8px;border:1px solid #E2E8F0;border-radius:9px;padding:8px;background:#fff;box-shadow:0 8px 20px -18px #0B1220}
  .flow-action>i{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:7px;background:#EFF6FF;color:#2563EB;font-style:normal;font-size:.7rem}
  .flow-action b{display:block;font:600 clamp(.45rem,.58vw,.59rem)/1.1 'Libre Franklin',sans-serif}
  .flow-action small{display:block;margin-top:3px;color:#94A3B8;font-size:clamp(.36rem,.44vw,.45rem)}
  .story-cursor{position:absolute;z-index:8;left:36%;top:57%;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#07101F;color:#67E8F9;border:1px solid rgba(103,232,249,.45);font-size:.72rem;box-shadow:0 8px 22px rgba(2,6,16,.38);opacity:0;visibility:hidden}
  .story-click{position:absolute;z-index:7;left:calc(36% - 9px);top:calc(57% - 9px);width:46px;height:46px;border:1px solid #22D3EE;border-radius:50%;opacity:0}

  /* acto 2: acción y Webpay */
  .flow-checkout{opacity:0;visibility:hidden;display:grid;place-items:center;padding:5%;background:#EDF4FF;color:#0B1220}
  .checkout-shell{position:relative;width:86%;max-height:90%;display:grid;grid-template-columns:.86fr 1.14fr;border:1px solid #DBE5F2;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 28px 60px -34px rgba(15,23,42,.42)}
  .checkout-summary{padding:8%;background:#0B1220;color:#fff}
  .checkout-summary>small{font-size:clamp(.4rem,.5vw,.52rem);color:#7DD3FC;text-transform:uppercase;letter-spacing:.09em}
  .checkout-summary h4{margin:7px 0 12px;font:600 clamp(.72rem,1vw,.96rem)/1.15 'Libre Franklin',sans-serif}
  .checkout-product{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(148,163,184,.16);border-bottom:1px solid rgba(148,163,184,.16)}
  .checkout-product i{width:29px;height:29px;border-radius:8px;background:var(--grad)}
  .checkout-product b{display:block;font-size:clamp(.45rem,.56vw,.58rem)}
  .checkout-product span{display:block;color:#94A3B8;font-size:clamp(.36rem,.45vw,.46rem)}
  .checkout-total{display:flex;align-items:end;justify-content:space-between;margin-top:14px;color:#94A3B8;font-size:clamp(.4rem,.48vw,.5rem)}
  .checkout-total strong{font:700 clamp(.82rem,1.2vw,1.08rem)/1 'Libre Franklin',sans-serif;color:#fff}
  .checkout-card{padding:7% 8%;background:#fff}
  .checkout-card>small{display:block;color:#64748B;font-size:clamp(.4rem,.48vw,.5rem)}
  .checkout-card h4{margin:3px 0 10px;font:700 clamp(.72rem,1vw,.96rem)/1.1 'Libre Franklin',sans-serif}
  .checkout-method{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #BFDBFE;border-radius:9px;background:#EFF6FF}
  .checkout-method i{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#2563EB;color:#fff;font:700 .67rem/1 'Libre Franklin',sans-serif;font-style:normal}
  .checkout-method b{display:block;font-size:clamp(.46rem,.58vw,.59rem)}
  .checkout-method span{display:block;color:#64748B;font-size:clamp(.36rem,.44vw,.45rem)}
  .checkout-field{height:7px;margin-top:9px;border-radius:5px;background:#E8EEF6}.checkout-field.short{width:64%}
  .checkout-pay{display:flex;align-items:center;justify-content:center;height:30px;margin-top:12px;border-radius:8px;background:var(--grad);color:#fff;font-size:clamp(.43rem,.53vw,.55rem);font-weight:700;box-shadow:0 9px 22px -9px rgba(37,99,235,.6)}
  .checkout-secure{text-align:center;margin-top:7px;color:#94A3B8;font-size:clamp(.34rem,.41vw,.43rem)}
  .checkout-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#E2E8F0}.checkout-progress i{display:block;width:100%;height:100%;background:var(--grad);transform:scaleX(0);transform-origin:left}
  .checkout-confirm{position:absolute;z-index:3;inset:0;display:grid;place-items:center;text-align:center;background:rgba(248,250,252,.96);opacity:0;visibility:hidden}
  .checkout-confirm i{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 10px;border-radius:50%;background:#059669;color:#fff;font-size:1.35rem;font-style:normal;box-shadow:0 0 0 9px rgba(74,222,128,.12)}
  .checkout-confirm b{display:block;font:700 clamp(.75rem,1vw,1rem)/1.2 'Libre Franklin',sans-serif}.checkout-confirm span{display:block;margin-top:4px;color:#64748B;font-size:clamp(.4rem,.5vw,.52rem)}

  /* acto 3: conexiones */
  .flow-network{opacity:0;visibility:hidden;background:#07101F}
  .network-grid{position:absolute;inset:0;opacity:.28;background-image:rgba(103,232,249,.09),rgba(103,232,249,.09);background-size:30px 30px;-webkit-mask-image:#000;mask-image:#000}
  .network-lines{position:absolute;inset:7% 8%;width:84%;height:86%;overflow:visible}
  .network-lines path{fill:none;stroke:#67E8F9;stroke-width:1.4;stroke-dasharray:7 9;opacity:.62}
  .network-core{position:absolute;z-index:4;left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(103,232,249,.45);border-radius:22px;background:rgba(37,99,235,.38);box-shadow:0 0 50px rgba(37,99,235,.38),inset 0 0 28px rgba(103,232,249,.13)}
  .network-core::before,.network-core::after{content:"";position:absolute;border:1px solid rgba(103,232,249,.18);border-radius:50%}.network-core::before{inset:-27px}.network-core::after{inset:-53px}
  .network-core img{width:40px;height:auto;filter:drop-shadow(0 8px 15px rgba(0,0,0,.4))}
  .network-node{position:absolute;z-index:3;min-width:74px;padding:7px 9px;border:1px solid rgba(148,163,184,.2);border-radius:9px;background:rgba(8,14,26,.88);box-shadow:0 12px 30px -16px #000;color:#DCE7F7;font:600 clamp(.43rem,.56vw,.58rem)/1 'Libre Franklin',sans-serif;text-align:center;}
  .network-node small{display:block;margin-top:4px;color:#64748B;font:400 clamp(.33rem,.4vw,.42rem)/1 'Libre Franklin',sans-serif}
  .node-webpay{left:9%;top:17%}.node-client{right:8%;top:15%}.node-mail{left:7%;bottom:15%}.node-panel{right:8%;bottom:14%}
  .data-packet{position:absolute;z-index:5;width:9px;height:9px;border-radius:50%;background:#67E8F9;box-shadow:0 0 18px 5px rgba(34,211,238,.55)}
  .packet-a{left:23%;top:29%}.packet-b{right:23%;top:27%}.packet-c{left:22%;bottom:27%}.packet-d{right:22%;bottom:26%}
  .network-label{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);color:#7DD3FC;font:600 clamp(.44rem,.58vw,.6rem)/1 'Libre Franklin',sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}

  /* acto 4: panel administrable */
  .flow-dashboard{opacity:1;visibility:visible;display:grid;grid-template-columns:18% 82%;background:#EEF3F9;color:#0B1220}
  .dash-side{padding:8% 9%;background:#091120;color:#fff}
  .dash-logo{display:flex;align-items:center;gap:6px;font:700 clamp(.46rem,.62vw,.63rem)/1 'Libre Franklin',sans-serif}.dash-logo i{width:17px;height:17px;border-radius:5px;background:var(--grad)}
  .dash-menu{display:grid;gap:8px;margin-top:22%}.dash-menu span{display:flex;align-items:center;gap:6px;padding:6px;border-radius:6px;color:#64748B;font-size:clamp(.35rem,.46vw,.48rem)}.dash-menu span:first-child{background:rgba(37,99,235,.17);color:#BAE6FD}.dash-menu i{width:8px;height:8px;border-radius:3px;border:1px solid currentColor}
  .dash-main{min-width:0;padding:3.5% 4% 4%}
  .dash-head{display:flex;align-items:end;justify-content:space-between}.dash-head small{display:block;color:#64748B;font-size:clamp(.36rem,.46vw,.48rem)}.dash-head h4{font:700 clamp(.72rem,1vw,.98rem)/1.15 'Libre Franklin',sans-serif}.dash-state{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #BBF7D0;border-radius:99px;background:#F0FDF4;color:#15803D;font-size:clamp(.34rem,.43vw,.45rem);font-weight:700}.dash-state i{width:5px;height:5px;border-radius:50%;background:#22C55E}
  .dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2%;margin-top:3%}.dash-stat{padding:8px 9px;border:1px solid #DFE7F1;border-radius:9px;background:#fff;box-shadow:0 8px 20px -19px #0B1220}.dash-stat span{display:block;color:#64748B;font-size:clamp(.34rem,.43vw,.45rem)}.dash-stat b{display:flex;align-items:center;gap:5px;margin-top:3px;font:700 clamp(.48rem,.66vw,.67rem)/1.1 'Libre Franklin',sans-serif}.dash-stat i{width:6px;height:6px;border-radius:50%;background:#22C55E;box-shadow:0 0 8px rgba(34,197,94,.35)}
  .dash-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.4%;margin-top:3%}.dash-card{min-width:0;border:1px solid #DFE7F1;border-radius:10px;background:#fff;overflow:hidden}.dash-card-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #EDF1F6}.dash-card-head b{font:600 clamp(.43rem,.55vw,.57rem)/1 'Libre Franklin',sans-serif}.dash-card-head span{color:#2563EB;font-size:clamp(.33rem,.4vw,.42rem)}
  .dash-row{display:grid;grid-template-columns:1.25fr .8fr .7fr;gap:5px;align-items:center;padding:7px 10px;border-bottom:1px solid #F1F5F9;font-size:clamp(.32rem,.41vw,.43rem);color:#64748B}.dash-row:last-child{border:0}.dash-row b{font-size:inherit;color:#0B1220}.dash-row em{justify-self:end;padding:3px 5px;border-radius:99px;background:#ECFDF5;color:#047857;font-style:normal;font-weight:700}
  .dash-editor{padding:9px 10px}.dash-editor label{display:block;color:#64748B;font-size:clamp(.33rem,.41vw,.43rem)}.dash-input{height:22px;margin:4px 0 7px;border:1px solid #DCE5F0;border-radius:6px;padding:4px 6px;color:#334155;font-size:clamp(.33rem,.42vw,.44rem)}.dash-editor-line{height:5px;margin:5px 0;border-radius:4px;background:#E8EEF5}.dash-editor-line.short{width:68%}.dash-publish{display:flex;align-items:center;justify-content:center;height:23px;margin-top:8px;border-radius:6px;background:var(--grad);color:#fff;font-size:clamp(.35rem,.44vw,.46rem);font-weight:700}
  .dash-toast{position:absolute;z-index:10;right:4%;top:10%;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(74,222,128,.35);border-radius:10px;background:rgba(9,17,32,.96);box-shadow:0 18px 38px -18px rgba(0,0,0,.75);color:#E2E8F0}.dash-toast i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#064E3B;color:#6EE7B7;font-style:normal;font-size:.7rem}.dash-toast b{display:block;font:600 clamp(.42rem,.55vw,.57rem)/1.15 'Libre Franklin',sans-serif}.dash-toast small{display:block;margin-top:2px;color:#94A3B8;font-size:clamp(.32rem,.4vw,.42rem)}

  /* teléfono y payoff final */
  .story-phone{position:absolute;z-index:9;right:-1%;bottom:2%;width:17%;aspect-ratio:9/18.5;padding:5px;border:1px solid rgba(148,163,184,.38);border-radius:19px;background:#08101D;box-shadow:0 32px 70px -25px rgba(0,0,0,.95),0 0 40px -18px rgba(0,194,214,.45)}
  .scene-wrap.is-cinematic .story-browser,.scene-wrap.is-cinematic .story-phone{will-change:transform,opacity}
  .story-phone::before{content:"";position:absolute;z-index:4;left:38%;right:38%;top:6px;height:4px;border-radius:4px;background:#253046}
  .phone-screen{position:relative;height:100%;overflow:hidden;border-radius:14px;background:#F8FAFC}
  .phone-layer{position:absolute;inset:0}
  .phone-site{opacity:0;visibility:hidden;background:#F8FAFC}.phone-hero{height:48%;padding:24% 12% 10%;background:#172554;color:#fff}.phone-hero small{font-size:clamp(.25rem,.34vw,.36rem);color:#BAE6FD}.phone-hero b{display:block;margin:4px 0;font:700 clamp(.46rem,.66vw,.67rem)/1.05 'Libre Franklin',sans-serif}.phone-button{width:65%;height:10px;margin-top:8px;border-radius:5px;background:#fff}.phone-lines{padding:10%}.phone-lines i{display:block;height:5px;margin:7px 0;border-radius:4px;background:#E2E8F0}.phone-lines i:nth-child(2){width:72%}.phone-mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.phone-mini-cards span{height:34px;border:1px solid #E2E8F0;border-radius:7px;background:#fff}
  .phone-success{display:grid;place-items:center;text-align:center;padding:18%;background:#F8FAFC;color:#0B1220}.phone-success i{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 11px;border-radius:50%;background:#059669;box-shadow:0 0 0 8px rgba(74,222,128,.12);color:#fff;font-size:1.1rem;font-style:normal}.phone-success b{display:block;font:700 clamp(.48rem,.67vw,.68rem)/1.15 'Libre Franklin',sans-serif}.phone-success small{display:block;margin-top:5px;color:#64748B;font-size:clamp(.28rem,.38vw,.4rem)}.phone-success span{display:block;height:8px;margin-top:13px;border-radius:6px;background:var(--grad)}
  .story-chip{position:absolute;z-index:11;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(103,232,249,.28);border-radius:999px;background:rgba(7,16,31,.9);box-shadow:0 16px 36px -18px rgba(0,194,214,.5);color:#DCE7F7;font:600 clamp(.55rem,.72vw,.72rem)/1 'Libre Franklin',sans-serif;white-space:nowrap}.story-chip i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(34,197,94,.13);color:#86EFAC;font-style:normal;font-size:.6rem}
  .chip-payment{top:1%;left:4%}.chip-content{right:-1%;top:38%}.chip-connected{left:15%;bottom:2%}
  .story-flash{position:absolute;z-index:18;inset:0;pointer-events:none;opacity:0;background:rgba(255,255,255,.35)}
  .story-scan{position:absolute;z-index:17;left:0;right:0;top:0;height:2px;opacity:0;background:#67E8F9;box-shadow:0 0 18px 3px rgba(34,211,238,.55)}

  @media (prefers-reduced-motion:no-preference){
    .scene-wrap.is-cinematic .story-live i{animation:storyPulse 2.2s ease-in-out infinite}.scene-wrap.is-cinematic .story-ring{animation:storyRing 12s linear infinite}.scene-wrap.is-cinematic .network-core::before{animation:networkPulse 2.8s ease-out infinite}
  }
  @keyframes storyPulse{50%{opacity:.42;transform:scale(.72)}}
  @keyframes storyRing{to{transform:scaleY(.32) rotate(360deg)}}
  @keyframes networkPulse{0%{transform:scale(.72);opacity:0}45%{opacity:.7}100%{transform:scale(1.18);opacity:0}}
  @keyframes mobileStoryFloat{50%{translate:0 -4px}}
  @keyframes mobilePayProgress{0%{transform:scaleX(0)}72%,100%{transform:scaleX(1)}}

  @media(max-width:1120px){
    .scene-inner{grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:34px}
    .story-browser{right:5%}.story-phone{right:0}.chip-content{right:0}.scene-point small{font-size:.7rem}
  }
  @media(min-width:901px) and (max-height:800px){
    .scene-inner{padding-top:var(--header-h);padding-bottom:16px}
    .scene-title{font-size:clamp(2.25rem,3.6vw,3.25rem)}
    .scene-sub{margin-top:12px}
    .scene-points{gap:0;margin-top:15px}.scene-point{padding:5px 0}.scene-point::before{top:34px}.scene-point small{display:none}
    .scene-bar{margin-top:14px}.scene-cta{margin-top:13px}.scene-note{display:none}
  }
  @media(max-width:900px),(max-height:680px){
    .scene-wrap,.scene-wrap.is-cinematic{height:auto;padding:88px 0}
    .scene-sticky,.scene-wrap.is-cinematic .scene-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:hidden}
    .scene-inner{grid-template-columns:1fr;gap:32px;padding:0 clamp(20px,5vw,32px)}
    .scene-copy{max-width:700px;margin:0}
    
    .scene-title{font-size:clamp(2.25rem,9vw,3.25rem)}
    .scene-sub{max-width:56ch;margin:16px 0 0}
    .scene-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px;text-align:left}
    .scene-point{grid-template-columns:14px 1fr;padding:14px;background:#0C1528;opacity:1}
    .scene-point small{font-size:.9375rem}.scene-bar{display:none}.scene-cta{margin-top:22px}
    .story-stage{order:-1;max-width:720px;margin:0 auto}.scene-copy{order:2}
    .scene-word{right:-5%;font-size:22vw}
    .story-browser{inset:7% 5% 10% 1%;transform:none!important}.story-phone{right:0;width:16%}
    .story-chip{font-size:.58rem}.chip-payment{left:2%}.chip-connected{left:10%}
    .scene-wrap.mobile-cinematic .flow-layer{opacity:0;visibility:hidden;transform:translateY(9px) scale(.985);transition:opacity .52s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .52s}
    .scene-wrap.mobile-cinematic[data-mobile-scene="0"] .flow-site,
    .scene-wrap.mobile-cinematic[data-mobile-scene="1"] .flow-checkout,
    .scene-wrap.mobile-cinematic[data-mobile-scene="2"] .flow-network,
    .scene-wrap.mobile-cinematic[data-mobile-scene="3"] .flow-dashboard{opacity:1;visibility:visible;transform:none}
    .scene-wrap.mobile-cinematic .story-browser{animation:mobileStoryFloat 4.8s ease-in-out infinite}
    .scene-wrap.mobile-cinematic .scene-word{opacity:0;transform:translateY(18px);transition:opacity .45s,transform .55s}
    .scene-wrap.mobile-cinematic[data-mobile-scene="0"] .scene-word:nth-child(1),
    .scene-wrap.mobile-cinematic[data-mobile-scene="1"] .scene-word:nth-child(2),
    .scene-wrap.mobile-cinematic[data-mobile-scene="2"] .scene-word:nth-child(3),
    .scene-wrap.mobile-cinematic[data-mobile-scene="3"] .scene-word:nth-child(4){opacity:1;transform:none}
    .scene-wrap.mobile-cinematic .story-phone{opacity:0;transform:translate(18px,12px) rotate(4deg);transition:opacity .4s,transform .55s cubic-bezier(.22,1,.36,1)}
    .scene-wrap.mobile-cinematic[data-mobile-scene="0"] .story-phone,
    .scene-wrap.mobile-cinematic[data-mobile-scene="1"] .story-phone{opacity:1;transform:rotate(-2deg)}
    .scene-wrap.mobile-cinematic .phone-layer{transition:opacity .35s,transform .4s}
    .scene-wrap.mobile-cinematic[data-mobile-scene="0"] .phone-site{opacity:1;visibility:visible;transform:none}
    .scene-wrap.mobile-cinematic[data-mobile-scene="0"] .phone-success{opacity:0;visibility:hidden;transform:scale(.9)}
    .scene-wrap.mobile-cinematic[data-mobile-scene="1"] .phone-site{opacity:0;visibility:hidden}
    .scene-wrap.mobile-cinematic[data-mobile-scene="1"] .phone-success{opacity:1;visibility:visible;transform:none}
    .scene-wrap.mobile-cinematic .story-chip{opacity:0;transform:translateY(9px) scale(.8);transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1)}
    .scene-wrap.mobile-cinematic[data-mobile-scene="3"] .story-chip{opacity:1;transform:none}
    .scene-wrap.mobile-cinematic[data-mobile-scene="1"] .checkout-progress i{animation:mobilePayProgress 2.5s ease-in-out infinite}
    .scene-wrap.mobile-cinematic[data-mobile-scene="2"] .network-core::before{animation:networkPulse 2.1s ease-out infinite}
  }
  @media(max-width:560px){
    .scene-wrap,.scene-wrap.is-cinematic{padding:74px 0}
    .scene-inner{gap:24px}
    .scene-points{grid-template-columns:1fr;gap:6px}.scene-point{padding:12px}
    .story-stage{aspect-ratio:1.05/1}.story-browser{inset:7% 2% 8% 0;border-radius:13px}.story-bar{height:34px;padding:0 10px}.story-bar>i{width:7px;height:7px}.story-url{height:20px;margin-left:5px}.story-url span{font-size:.48rem;padding:0 7px}.story-live{display:none}.story-screen{height:calc(100% - 34px)}
    .flow-links,.flow-action:nth-child(3),.checkout-summary,.dash-menu span:nth-child(n+4){display:none}.flow-hero{grid-template-columns:1fr .88fr}.flow-actions{grid-template-columns:repeat(2,1fr)}
    .checkout-shell{grid-template-columns:1fr;width:80%}.checkout-card{padding:8%}.network-node{min-width:58px;padding:6px}.network-core{width:62px;height:62px}.network-core::before{inset:-20px}.network-core::after{inset:-38px}
    .flow-dashboard{grid-template-columns:20% 80%}.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-stat:nth-child(3){display:none}.dash-grid{grid-template-columns:1fr}.dash-card:last-child{display:none}
    .story-phone{width:20%;right:-1%;bottom:0;border-radius:14px;padding:4px}.phone-screen{border-radius:10px}
    .story-chip{padding:6px 8px;font-size:.5rem}.story-chip i{width:15px;height:15px}.chip-content{display:none}.chip-payment{top:0}.chip-connected{left:4%;bottom:0}
  }
  @media (prefers-reduced-motion: reduce){
    .scene-wrap{height:auto;padding:88px 0}.scene-sticky{position:relative;height:auto;min-height:0}.scene-bar{display:none}
    .scene-point{opacity:1;transform:none}.scene-word{opacity:0}.scene-word:last-child{opacity:1}
  }

  .scene-wrap:not(.is-cinematic) .url-live{display:none}
  @media(max-width:900px){.scene-words{display:none}}