/* Shared original brand styles are retained in assets. Only AI Delivery Platform-specific identity and hero composition live here. */
html{scroll-behavior:smooth;scroll-padding-top:68px}.product-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.product-logo img{width:36px;height:36px}.product-logo>span{display:grid;gap:3px}.product-logo strong{font:700 18px/1.1 var(--sans);color:#14171f;letter-spacing:-.4px}.product-logo small{font:400 10px/1.2 var(--sans);color:#6b7385}.hero{min-height:800px;padding:150px 0 70px!important;overflow:hidden;isolation:isolate}.hero-txt{z-index:2;position:relative}.hero h1{max-width:22ch;font-size:clamp(38px,4.6vw,74px);line-height:1.05}.hero .bajada{font-size:clamp(17px,1.4vw,20px);max-width:52ch}.catalog-intro{padding:8px 18px}.hero-symbol{position:absolute;z-index:-1;width:460px;height:330px;left:50%;transform:translateX(-50%);bottom:-15px;opacity:.32}.btn{cursor:pointer}.brand-demo-dialog textarea{width:100%;margin:12px 0 20px;border:1px solid #dce0e8;border-radius:10px;padding:12px;font:inherit;resize:vertical}.brand-demo-dialog label{display:block}.brand-demo-dialog .privacidad{margin-top:18px}#contacto{margin-top:0}:focus-visible{outline:3px solid #0076be;outline-offset:4px}@media(max-width:700px){.hero{min-height:720px;padding-top:125px!important}.hero h1{max-width:19ch}.hero-symbol{width:350px;height:265px;bottom:0}.product-logo img{width:32px;height:32px}.product-logo strong{font-size:16px}.product-logo small{font-size:9px}.hero .bajada{padding:0 18px}.cta-fila{padding:0 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Match the original product hero: shared WebGL canvas behind the centered copy. */
.hero{min-height:650px!important;padding:140px 0 70px!important}.hero #escena3d{position:absolute;inset:0 0 auto;width:100%;height:760px;z-index:-1;pointer-events:none}.hero h1{max-width:17ch;font-size:clamp(38px,4.6vw,56px);line-height:1.05;letter-spacing:-.025em}.hero .bajada{max-width:52ch;font-size:17px;margin:24px auto 34px}.hero .marca-palabra{background:linear-gradient(90deg,#1c4787,#b255da);background-clip:text;-webkit-background-clip:text;color:transparent}.btn.btn-primario{border-radius:999px!important;background:linear-gradient(100deg,#0084c3,#3f83de 55%,#8d55dc)!important;border:0!important;color:white;padding:14px 26px!important;font-weight:600!important;box-shadow:none}.btn.btn-secundario{border-radius:999px;background:white;border:1px solid #e0e1ef;padding:13px 26px;color:#14171f}.barra .barra-int{max-width:1200px;height:68px;padding:0 16px}.barra .product-logo img{width:32px;height:32px}.barra .product-logo strong{font-size:17px}.barra .product-logo small{font-size:10px}.barra .btn.btn-chico{padding:11px 20px;font-size:14px}.brand-wave-cta{margin-top:0!important}@media(max-width:700px){.hero{min-height:640px!important;padding-top:125px!important}.hero #escena3d{height:700px}.hero h1{max-width:17ch}.hero .bajada{max-width:36ch;font-size:16px}.barra .barra-int{height:60px}.barra .btn.btn-chico{font-size:11px;padding:9px 12px}}
/* Compact visual story. No pinned scroll runway: the scene changes in place. */
.forge-story{max-width:1200px;margin:0 auto;padding:32px 24px 42px;scroll-margin-top:70px}.story-heading{text-align:center}.story-heading h2{font-size:clamp(28px,3vw,40px);margin:12px 0 20px}.story-layout{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:40px;min-height:360px}.story-copy{padding-left:30px}.story-copy>span{font-size:10px;letter-spacing:2px;color:#0076be}.story-copy h3{font-size:clamp(25px,2.5vw,34px);line-height:1.15;margin:17px 0;letter-spacing:-1px}.story-copy>p{font-size:16px;line-height:1.7;max-width:35ch;min-height:84px}.story-copy>small{display:block;font-size:10px;color:#8a94a6;margin-top:23px}.human{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:12px;color:#277e8d}.human>span{color:#33b89b}.story-stage{height:370px;position:relative;perspective:1000px;isolation:isolate}.scene-orbit{position:absolute;width:95%;height:210px;left:2%;top:80px;border:1px solid #cfdde9;border-radius:50%;transform:rotate(-17deg)}.scene-orbit.second{transform:rotate(20deg);border-color:#e2d8f4;height:180px;top:100px}.delivery-object{position:absolute;width:310px;height:280px;left:50%;top:30px;transform:translateX(-50%) rotateY(-13deg) rotateX(6deg) rotateZ(-4deg);border:1px solid #d5e1ee;border-radius:17px;background:linear-gradient(130deg,#fff,#f3f8fc);box-shadow:9px 13px 0 #dce6f188,20px 32px 50px -20px #5c7ba74d;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),box-shadow 1s}.object-top{height:42px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e2e8ef;padding:10px 16px}.object-top img{width:19px}.object-top span{font-size:8px;letter-spacing:1.5px}.object-top i{margin-left:auto;width:6px;height:6px;background:#4ac4ac;border-radius:50%}.request-face,.build-face,.approval-face,.result-face{position:absolute;inset:58px 23px 20px;transition:opacity .6s,transform .8s;opacity:0;transform:translateY(16px);pointer-events:none}.request-icon{color:#4b9ccc;font-size:29px}.delivery-object h4{font-size:18px;line-height:1.4;color:#233b57;margin:4px 0 10px}.delivery-object p{font-size:11px;color:#718299}.request-lines i{height:4px;background:#d7e4ef;width:75%;display:block;margin:9px 0;border-radius:4px}.request-lines i:last-child{width:50%}.mini-title{font-size:8px;letter-spacing:1.4px;color:#6985a3}.code-lines{margin:18px 0}.code-lines i{display:block;width:80%;height:6px;background:linear-gradient(90deg,#6dc9dc,#b6a3e5);margin:12px 0;border-radius:5px;transform-origin:left;animation:code-write 2s ease-in-out infinite alternate}.code-lines i:nth-child(2){width:58%;margin-left:20px;animation-delay:.2s}.code-lines i:nth-child(3){width:65%;margin-left:20px;animation-delay:.4s}.code-lines i:nth-child(4){width:42%;animation-delay:.6s}.work-items{display:flex;flex-wrap:wrap;gap:6px}.work-items span{font-size:8px;background:#eaf4f8;padding:4px 6px;border-radius:5px;color:#34748c}.approval-face{text-align:center}.approval-seal{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;background:#dff5ec;color:#29a77d;font-size:28px;box-shadow:0 0 0 8px #f0faf6}.approval-pill{display:block;margin-top:14px;font-size:9px;color:#926818;background:#fff2da;border-radius:20px;padding:5px}.result-metrics{display:flex;gap:50px;margin:10px 0}.result-metrics small{display:block;font-size:8px;color:#7a8ca3}.result-metrics b{font-size:23px;color:#244461}.chart{height:89px;display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid #ccdce9;padding:0 8px}.chart i{height:var(--bar);flex:1;background:linear-gradient(#4dcbb8,#007bb9);border-radius:4px 4px 0 0;transform:scaleY(.1);transform-origin:bottom;transition:transform 1s .3s}.result-proof{font-size:8px;margin-top:12px;color:#269b80}.satellite{position:absolute;display:grid;justify-items:center;gap:5px;z-index:2;transition:transform 1s,opacity 1s;animation:float-piece 5s ease-in-out infinite}.satellite>span{width:45px;height:45px;display:grid;place-items:center;border:1px solid #cfe6ee;border-radius:12px;background:linear-gradient(135deg,#fff,#dcf3f7);box-shadow:4px 6px 0 #c6e1e966;color:#239db3;font-size:24px;transform:rotate(-10deg)}.satellite small{font-size:9px;color:#71869e}.sat-a{left:0;top:90px}.sat-b{right:1%;top:50px;animation-delay:-2s}.sat-c{right:5%;bottom:60px;animation-delay:-3s}.stage-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;color:#8390a4}.story-stage[data-phase="0"] .request-face,.story-stage[data-phase="1"] .build-face,.story-stage[data-phase="2"] .approval-face,.story-stage[data-phase="3"] .result-face{opacity:1;transform:none}.story-stage[data-phase="1"] .delivery-object{transform:translateX(-50%) rotateY(10deg) rotateX(3deg) scale(1.03)}.story-stage[data-phase="2"] .delivery-object{transform:translateX(-50%) scale(1.08);box-shadow:0 15px 55px #7292a72a}.story-stage[data-phase="3"] .delivery-object{transform:translateX(-50%) rotateY(-4deg) scale(1.08)}.story-stage[data-phase="3"] .chart i{transform:scaleY(1)}.story-stage[data-phase="2"] .satellite{opacity:.22}.story-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.chapter-buttons{display:flex;gap:28px}.chapter-buttons button{background:none;border:0;border-bottom:2px solid #e6eaf1;padding:12px 0;color:#8390a3;font:500 12px var(--sans);cursor:pointer}.chapter-buttons b{font-size:9px;margin-right:7px}.chapter-buttons button.active{border-color:#0076be;color:#0076be}.play-story{background:none;border:1px solid #e1e6ef;border-radius:20px;color:#77869c;padding:7px 12px;font-size:10px;cursor:pointer}.story-foundation{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:26px;padding-top:20px;border-top:1px solid #edf0f5}.story-foundation>span{font-size:8px;letter-spacing:1.3px;color:#468ca4}.story-foundation p{font-size:10px;color:#8a96a8}html[data-presentation="white"] #contacto.brand-wave-cta{padding:115px 0 44px!important;margin-top:0!important}.brand-wave-cta .brand-waves{height:90px}.brand-wave-cta h2{font-size:clamp(30px,3vw,45px)}.brand-wave-cta p{font-size:16px;margin-bottom:26px}.brand-wave-cta .btn.brand-demo-button{background:#0076be;padding:16px 28px!important}.hero{min-height:570px!important;padding-bottom:30px!important}.hero #escena3d{height:650px}@keyframes float-piece{50%{translate:0 -9px}}@keyframes code-write{from{transform:scaleX(.6)}to{transform:scaleX(1)}}@media(max-width:700px){.forge-story{padding:30px 20px}.story-layout{grid-template-columns:1fr;gap:10px}.story-copy{padding:0;text-align:center}.story-copy h3{margin:10px 0}.story-copy>p{margin:auto;min-height:54px;font-size:14px}.human{justify-content:center;margin-top:12px}.story-copy>small{margin-top:8px}.story-stage{height:335px}.delivery-object{width:250px;height:260px;top:25px}.satellite>span{width:30px;height:30px;font-size:17px}.satellite small{font-size:7px}.sat-a{left:-8px}.sat-b{right:-8px}.sat-c{right:-5px;bottom:40px}.story-controls{flex-direction:column;gap:10px;margin-top:8px}.chapter-buttons{gap:12px}.chapter-buttons button{font-size:9px}.chapter-buttons b{display:block;margin:0 0 5px}.story-foundation{display:block;text-align:center}.story-foundation p{margin-top:7px}.hero{min-height:580px!important}.hero #escena3d{height:640px}html[data-presentation="white"] #contacto.brand-wave-cta{padding:100px 20px 30px!important}}@media(prefers-reduced-motion:reduce){.story-stage *{animation:none!important;transition:none!important}}
