/* Pato Creando / Development showcase — isolated from all commercial sections.
   Keeps the existing cinematic/interactive film and hero animation visible. */
.hero-v3-ui.dashboard-mode .hero-dashboard-shell{left:clamp(12px,4vw,58px);right:clamp(12px,4vw,58px);top:7%;bottom:6%}
.hero-v3-ui.dashboard-mode .dash-float{animation:none!important}
.hero-v3-ui.dashboard-mode .dash-frame-single{border:1px solid rgba(187,220,174,.19);border-radius:clamp(16px,2vw,26px);background:linear-gradient(108deg,rgba(6,17,11,.37),rgba(8,21,14,.14));box-shadow:0 23px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(225,255,210,.05);overflow:hidden}
.dash-frame-single .dash-workspace{min-height:0}
.dash-frame-single .dash-dev-scene.pc-showcase{inset:0!important;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:clamp(8px,2.6vw,38px);padding:clamp(14px,2.6vw,42px);background:radial-gradient(ellipse at 76% 38%,rgba(146,192,110,.11),transparent 49%),linear-gradient(98deg,rgba(6,17,12,.54),rgba(6,16,12,.08));opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.pc-showcase::before{opacity:.19;mask-image:linear-gradient(90deg,black,transparent 64%)}
.pc-showcase-copy{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(8px,1.5vw,18px);height:100%}
.pc-showcase-kicker{margin:0;color:#b7dba9;font:800 clamp(8px,.78vw,11px)/1.3 Inter,sans-serif;letter-spacing:.2em}
.pc-showcase h3{max-width:590px;margin:0;color:#f6faf0;font:750 clamp(24px,3vw,48px)/1.02 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.061em;text-wrap:balance}
.pc-showcase h3 em{display:block;color:#c0e5aa;font-style:normal}
.pc-showcase-intro{max-width:435px;margin:0;color:#d4e1d0;font:500 clamp(10px,1vw,15px)/1.48 Inter,sans-serif}
.pc-showcase .dash-dev-flow.pc-showcase-flow{position:relative;z-index:2;width:100%;max-width:480px;margin:clamp(3px,1vw,12px) 0 0;padding:0;border:0;border-radius:0;background:none}
.pc-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,.76vw,11px);width:100%}
.pc-channel{display:flex;gap:clamp(7px,.85vw,12px);align-items:center;min-width:0;min-height:clamp(44px,4.6vw,69px);padding:clamp(7px,.85vw,13px);border:1px solid rgba(168,221,140,.22);border-radius:12px;background:rgba(7,22,15,.38);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.pc-channel-icon{flex:none;display:grid;place-items:center;width:clamp(24px,2.8vw,38px);height:clamp(24px,2.8vw,38px);border-radius:9px;background:linear-gradient(135deg,rgba(184,224,153,.22),rgba(90,138,90,.09));color:#c6eead;font:800 clamp(10px,1.1vw,15px)/1 Inter,sans-serif}
.pc-channel>span:last-child{min-width:0;display:block}
.pc-channel strong{display:block;color:#f4f9ef;font:700 clamp(9px,.92vw,13px)/1.25 Inter,sans-serif;white-space:nowrap}
.pc-channel small{display:block;margin-top:3px;color:#acc1ac;font:500 clamp(8px,.75vw,11px)/1.25 Inter,sans-serif}
.pc-channel-outcome{display:flex;align-items:center;gap:10px;max-width:480px;margin-top:clamp(7px,1.4vw,17px);padding-top:8px;border-top:1px solid rgba(177,226,156,.22);color:#c2dfac;font:800 clamp(8px,.77vw,11px)/1.35 Inter,sans-serif;letter-spacing:.10em}
.pc-channel-outcome span{font-size:clamp(13px,1.15vw,18px);font-weight:400}
.pc-showcase-caption{margin:0;color:#9caf9e;font:700 clamp(8px,.69vw,10px)/1.2 Inter,sans-serif;letter-spacing:.12em}
.dash-dev-scene.pc-showcase .pc-showcase-phone{position:relative;z-index:2;min-height:0;height:100%;width:100%;display:grid;place-items:center;overflow:visible;isolation:isolate}
.dash-dev-scene.pc-showcase .pc-showcase-phone::before{display:none}
.pc-phone-halo{position:absolute;z-index:-1;left:51%;top:49%;width:min(90%,370px);aspect-ratio:1;border:1px solid rgba(166,225,141,.22);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 85px rgba(152,221,125,.08),inset 0 0 85px rgba(152,221,125,.065);pointer-events:none}
.dash-dev-scene.pc-showcase .pc-device-frame{display:grid;place-items:center;position:relative;min-width:0;max-width:100%;width:100%!important;height:100%!important;max-height:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none!important;overflow:visible}
.pc-iphone-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(12px 19px 22px rgba(0,0,0,.43))}
@media(max-width:980px){
 .dash-frame-single .dash-dev-scene.pc-showcase{gap:clamp(6px,2vw,22px);padding:clamp(12px,2.5vw,25px)}
 .pc-showcase h3{font-size:clamp(23px,3vw,35px)}
 .pc-showcase-copy{gap:clamp(7px,1vw,12px)}
 .pc-channel{min-height:clamp(38px,4vw,49px);padding:7px}
}
@media(max-width:720px){
 .hero-v3-ui.dashboard-mode .hero-dashboard-shell{left:2%;right:2%;top:17%;bottom:11%}
 .hero-v3-ui.dashboard-mode .dash-frame-single{border-radius:16px;background:linear-gradient(108deg,rgba(5,17,11,.49),rgba(5,17,11,.10))}
 .dash-frame-single .dash-dev-scene.pc-showcase{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:5px;padding:clamp(8px,2.4vw,14px)}
 .pc-showcase-copy{justify-content:center;gap:clamp(5px,1.4vw,8px)}
 .pc-showcase-kicker{font-size:6.5px;letter-spacing:.09em}
 .pc-showcase h3{font-size:clamp(16px,4.7vw,24px);line-height:1.06;letter-spacing:-.045em}
 .pc-showcase-intro{font-size:clamp(8px,2.1vw,10px);line-height:1.36}
 .pc-showcase .dash-dev-flow.pc-showcase-flow{margin-top:4px}
 .pc-channels{grid-template-columns:1fr;gap:4px}
 .pc-channel{min-height:27px;gap:6px;padding:4px 6px;border-radius:7px;backdrop-filter:none;-webkit-backdrop-filter:none}
 .pc-channel-icon{width:20px;height:20px;border-radius:5px;font-size:8px}
 .pc-channel strong{font-size:8.5px}
 .pc-channel small{font-size:7px;margin-top:1px}
 .pc-channel-outcome{gap:5px;margin-top:5px;padding-top:5px;font-size:7px;letter-spacing:.015em}
 .pc-channel-outcome span{font-size:10px}
 .pc-showcase-caption{display:block;font-size:10px;line-height:1.4;letter-spacing:.07em}
 .dash-dev-scene.pc-showcase .pc-device-frame{width:100%!important;height:100%!important}
 .pc-iphone-image{max-width:100%;max-height:100%;filter:drop-shadow(6px 10px 9px rgba(0,0,0,.45))}
 .pc-phone-halo{width:105%}
}
@media(max-width:410px){
 .pc-showcase h3{font-size:16px}
 .pc-showcase-kicker{font-size:6px}
 .pc-showcase-intro{font-size:8px}
 .pc-channel{min-height:25px;padding:3px 5px}
 .pc-channel-icon{width:18px;height:18px}
 .pc-channel small{display:none}
}
@media(max-height:730px) and (min-width:721px){
 .pc-showcase h3{font-size:clamp(23px,2.65vw,40px)}
 .pc-channel{min-height:39px}
 .pc-showcase-copy{gap:8px}
}
@media(prefers-reduced-motion:reduce){
 .hero-v3-ui.dashboard-mode .dash-float,.pc-iphone-image{animation:none!important;transition:none!important}
}

/* CHANNEL CONVERGENCE V2 — reduced phone size, low-cost animated paths.
   Original film, scroll/pointer interaction and existing commercial UI are untouched. */
.dash-frame-single .dash-dev-scene.pc-showcase{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:radial-gradient(ellipse at 72% 42%,rgba(146,192,110,.075),transparent 47%),linear-gradient(101deg,rgba(6,17,12,.42),rgba(6,16,12,.04))}
.dash-frame-single .dash-dev-scene.pc-showcase .pc-showcase-phone{min-height:0}
.dash-frame-single .dash-dev-scene.pc-showcase .pc-device-frame{width:min(100%,235px)!important;height:min(305px,59%)!important;max-height:305px!important;min-width:0!important}
.dash-frame-single .dash-dev-scene.pc-showcase .pc-iphone-image{width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;filter:drop-shadow(8px 15px 15px rgba(0,0,0,.42))}
.dash-frame-single .pc-phone-halo{width:min(92%,345px);border-color:rgba(169,224,142,.17);box-shadow:0 0 75px rgba(152,221,125,.055),inset 0 0 75px rgba(152,221,125,.03)}
.pc-showcase .dash-dev-flow.pc-showcase-flow{display:grid;grid-template-columns:minmax(0,73%) minmax(0,27%);grid-template-rows:1fr auto;gap:0;overflow:visible}
.pc-showcase .pc-channels{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(4px,.6vw,8px);height:auto;min-height:0}
.pc-showcase .pc-channel{position:relative;z-index:2;display:flex;align-items:center;min-width:0;min-height:clamp(38px,3.6vw,52px);padding:clamp(5px,.6vw,9px) clamp(6px,.76vw,11px);background:rgba(7,22,15,.29);border-color:rgba(175,221,156,.20);border-radius:10px;transition:background-color .3s,border-color .3s}
.pc-showcase .pc-channel:hover{background:rgba(35,65,37,.35);border-color:rgba(178,236,155,.53)}
.pc-showcase .pc-channel-icon{width:clamp(22px,2.15vw,29px);height:clamp(22px,2.15vw,29px);font-size:clamp(9px,.85vw,11px);border-radius:7px}
.pc-showcase .pc-channel strong{font-size:clamp(10px,.88vw,13px)}
.pc-showcase .pc-channel small{font-size:clamp(8px,.74vw,10px)}
.pc-channel-signal{position:absolute;right:-4px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#bae99e;box-shadow:0 0 8px rgba(176,231,145,.7);z-index:4;animation:pcSignalBeat 3.7s ease-in-out infinite}
.pc-channel:nth-child(2) .pc-channel-signal{animation-delay:.55s}
.pc-channel:nth-child(3) .pc-channel-signal{animation-delay:1.1s}
.pc-channel:nth-child(4) .pc-channel-signal{animation-delay:1.65s}
.pc-connection-map{display:block;position:relative;z-index:1;overflow:visible;align-self:stretch;width:100%;height:100%;min-height:168px;pointer-events:none;filter:drop-shadow(0 0 5px rgba(183,234,155,.13))}
.pc-route-base{stroke:rgba(169,222,142,.38);stroke-width:1.8;vector-effect:non-scaling-stroke}
.pc-route-pulse{stroke:#cbf6ad;stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-dasharray:13 87;stroke-dashoffset:100;animation:pcLinkFlow 3.7s linear infinite;opacity:.85}
.pc-route-pulse:nth-of-type(6){animation-delay:-.55s}
.pc-route-pulse:nth-of-type(7){animation-delay:-1.1s}
.pc-route-pulse:nth-of-type(8){animation-delay:-1.65s}
.pc-connection-exit{stroke:#bcefa1;stroke-width:2.2;vector-effect:non-scaling-stroke}
.pc-hub-ring{fill:rgba(176,228,145,.07);stroke:#b8e9a2;stroke-width:1.5;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:pcHubGlow 3.7s ease-in-out infinite}
.pc-hub-core{fill:#d4ffb7;filter:drop-shadow(0 0 3px #9cd379)}
.pc-exit-arrow{fill:none;stroke:#baf1a1;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.pc-showcase .pc-channel-outcome{grid-column:1/-1;display:flex;justify-content:space-between;gap:5px;margin-top:clamp(5px,.8vw,10px);padding-top:clamp(5px,.7vw,9px);color:#aeca99;font-size:clamp(8px,.74vw,11px);letter-spacing:.075em}
.pc-showcase .pc-channel-outcome strong{color:#e2f5d5}
@keyframes pcLinkFlow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes pcSignalBeat{0%,100%{opacity:.44;transform:scale(.8)}32%,60%{opacity:1;transform:scale(1.15)}}
@keyframes pcHubGlow{0%,100%{opacity:.52;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}
@media(max-width:980px){
 .dash-frame-single .dash-dev-scene.pc-showcase .pc-device-frame{width:min(100%,190px)!important;height:min(270px,55%)!important;max-height:270px!important}
 .pc-showcase .pc-channel{min-height:clamp(31px,3.7vw,41px)}
 .pc-connection-map{min-height:142px}
}
@media(max-width:720px){
 .dash-frame-single .dash-dev-scene.pc-showcase{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:5px;background:linear-gradient(100deg,rgba(6,17,12,.40),rgba(6,16,12,.045))}
 .dash-frame-single .dash-dev-scene.pc-showcase .pc-device-frame{width:min(100%,142px)!important;height:min(194px,56%)!important;max-height:194px!important}
 .pc-showcase .dash-dev-flow.pc-showcase-flow{grid-template-columns:minmax(0,74%) minmax(0,26%)}
 .pc-showcase .pc-channels{gap:4px}
 .pc-showcase .pc-channel{min-height:27px;gap:5px;padding:3px 5px;border-radius:7px}
 .pc-showcase .pc-channel-icon{width:18px;height:18px;font-size:7px;border-radius:5px}
 .pc-showcase .pc-channel strong{font-size:8px}
 .pc-showcase .pc-channel small{font-size:6.5px}
 .pc-connection-map{min-height:119px}
 .pc-route-base{stroke-width:1.25}
 .pc-route-pulse{stroke-width:1.6}
 .pc-channel-signal{width:5px;height:5px;right:-3px;margin-top:-2.5px}
 .pc-showcase .pc-channel-outcome{font-size:6.8px;letter-spacing:0;margin-top:4px;padding-top:4px}
}
@media(max-width:410px){
 .dash-frame-single .dash-dev-scene.pc-showcase .pc-device-frame{width:min(100%,128px)!important;height:min(174px,56%)!important;max-height:174px!important}
 .pc-showcase .pc-channel{min-height:24px}
 .pc-showcase .pc-channel small{display:none}
 .pc-showcase .pc-channel-outcome{font-size:6.4px}
 .pc-connection-map{min-height:108px}
}
@media(prefers-reduced-motion:reduce){
 .pc-channel-signal,.pc-route-pulse,.pc-hub-ring{animation:none!important}
 .pc-route-pulse{stroke-dasharray:none;stroke-dashoffset:0;opacity:.33}
 .pc-channel-signal{opacity:.65;transform:none}
 .pc-hub-ring{opacity:.65;transform:none}
}