/* Connected. A cinematic entrance and useful, tactile interactions. */
.entrance{height:185svh;position:relative;background:#edf1f7;--open:0}
.entrance-sticky{height:100svh;min-height:540px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#fff 0,#f3f6fb 38%,#e6ecf5 100%)}
.entrance-top{position:absolute;z-index:4;top:34px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.entrance-skip{display:flex;align-items:center;gap:30px;padding:13px 18px;border:1px solid #bccbe2;border-radius:40px;font-size:12px;text-decoration:none;background:#ffffff75;backdrop-filter:blur(8px)}
.entrance-skip span{font-size:20px}.entrance-skip:hover{background:#1d57d6;color:white;border-color:#1d57d6}
.entrance-word{position:absolute;inset:17% 0 auto;text-align:center;font-size:clamp(100px,21.8vw,420px);letter-spacing:-.085em;line-height:1.2;font-weight:500;color:#dce5f1;transform:translateY(calc(var(--open)*-70px)) scale(calc(1 + var(--open)*.12));opacity:calc(1 - var(--open)*.9);user-select:none}
.entrance-art{position:absolute;inset:4% 8% 6%;opacity:calc(1 - max(0,var(--open) - .83)*5.8)}
.entrance-art canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.entrance-art.is-ready .entrance-fallback{display:none}
.entrance-fallback{position:absolute;inset:15% 20%;display:flex;align-items:center;justify-content:center;transform:rotate(-25deg)}.entrance-fallback i{position:absolute;width:65%;aspect-ratio:1;border:clamp(16px,4vw,65px) solid #1d57d6;border-radius:50%;box-shadow:inset 3px 3px 8px #ffffffbb,8px 12px 20px #17377526;transform:rotateY(40deg)}.entrance-fallback i:nth-child(2){transform:rotateX(50deg) translateX(25%);border-color:#b7c5d8}.entrance-fallback i:nth-child(3){transform:rotateY(-45deg) translateX(-25%);border-color:#e8eef6}
.entrance-side{position:absolute;right:4.5%;top:42%;display:flex;flex-direction:column;gap:8px;color:#516581;font-size:9px;letter-spacing:.13em;line-height:1.8;opacity:calc(1 - var(--open)*1.3)}
.entrance-bottom{position:absolute;z-index:3;left:4.5%;right:4.5%;bottom:64px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;transform:translateY(calc(var(--open)*55px));opacity:calc(1 - var(--open)*1.4)}
.entrance-bottom p{font-size:12px;color:#60728c;margin:0 0 9px}.entrance-bottom h2{font-size:clamp(38px,5.8vw,88px);letter-spacing:-.06em}
.entrance-scroll{font-size:12px;display:flex;gap:16px;align-items:center;text-decoration:none}.entrance-scroll>span{width:47px;height:47px;display:grid;place-items:center;border:1px solid #aabbdb;border-radius:50%;font-size:22px;animation:cue 2s ease-in-out infinite}
.entrance-motion{position:absolute;z-index:4;bottom:20px;right:4.5%;border:0;background:none;color:#536783;font-size:10px;cursor:pointer;min-height:36px;padding:6px}.entrance-motion span{margin-left:12px}
.entrance-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#dbe3f0}.entrance-progress i{display:block;width:calc(var(--open)*100%);height:100%;background:#1d57d6}
.entrance-top,.site-header .brand{mix-blend-mode:multiply}
.entrance-reveal{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;opacity:clamp(0,calc((var(--open) - .55)*3),1);transform:translateY(calc((1 - var(--open))*35px));z-index:2}
.entrance-reveal>span{font-size:9px;letter-spacing:.18em;color:#607493;margin-bottom:24px}.entrance-reveal p{font-size:clamp(34px,6.5vw,94px);letter-spacing:-.06em;line-height:1.1;margin:0}.entrance-reveal em{font-style:normal;color:#1d57d6}
body.at-entrance .fab-wa,body.at-entrance .nt-chat-launcher{opacity:0;pointer-events:none}
@keyframes cue{50%{transform:translateY(6px)}}
.journey-eyebrow{font-size:9px;letter-spacing:.14em;color:#c4d6ff;border-top:1px solid #ffffff35;padding-top:18px}
.journey-stage{height:500px;background:radial-gradient(ellipse,#86a9ff20,transparent 65%)}
.journey-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 28px;border-bottom:1px solid #ffffff35;padding-bottom:19px}.journey-layers span{font-size:10px;color:#bfd2ff;display:flex;gap:11px;align-items:center}.journey-layers b{color:#fff;font-weight:400;font-size:12px}
.connection-story[data-phase="0"] .journey-layers span:nth-child(1),.connection-story[data-phase="1"] .journey-layers span:nth-child(2),.connection-story[data-phase="2"] .journey-layers span:nth-child(3){color:white}
.connection-visual:after{content:"";position:absolute;width:min(320px,90%);height:auto;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-57%);border:1px solid #ffffff12;border-radius:50%;pointer-events:none}
.sculpture-stage{overflow:hidden}
/* Services: choose a capability, see an example immediately. */
#servicios .section-head{margin-bottom:32px}.sector-bar{justify-content:flex-start;max-width:none;margin:0 0 32px}.sector-bar .chip{border-radius:30px;padding:10px 16px}.sector-bar-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
.service-workbench{display:grid;grid-template-columns:.7fr 1.65fr;gap:0 48px}
.service-navigation{border-top:1px solid #ced9e9}.service-choice{width:100%;display:flex;align-items:center;gap:16px;background:transparent;border:0;border-bottom:1px solid #dce4ef;text-align:left;padding:25px 0;min-height:84px;color:#697c97;cursor:pointer;transition:color .2s,padding .2s}
.service-choice>span{font-size:10px;letter-spacing:.08em;align-self:flex-start;padding-top:5px}.service-choice strong{font-size:18px;font-weight:400;letter-spacing:-.03em;line-height:1.4;max-width:230px}.service-choice i{font-style:normal;font-size:21px;margin-left:auto;opacity:0}.service-choice[aria-pressed="true"]{color:#1d57d6;padding-left:15px;border-bottom:2px solid #1d57d6;background:linear-gradient(90deg,#edf3ff,transparent)}.service-choice[aria-pressed="true"] i,.service-choice:hover i{opacity:1}
.service-content{min-width:0;background:#f1f5fb;border:1px solid #dde6f1;border-radius:22px;padding:30px 34px;align-self:start;overflow:hidden}.service-context{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#607696;letter-spacing:.075em;border-bottom:1px solid #d4dfee;padding-bottom:20px;margin-bottom:27px;line-height:1.5}.service-context b{color:#1d57d6;font-weight:600}
.service-content .svc-card{padding:0;border:0;border-radius:0;background:none!important;min-height:245px;display:block;overflow:visible}.service-content .svc-card:before{display:none}.service-content .card-icon{display:none}.service-content .svc-card h3{font-size:34px;max-width:520px;margin-bottom:15px;line-height:1.14}.service-content .svc-card>p{font-size:14px;max-width:580px}.service-content .svc-more{height:auto!important;overflow:visible}.service-content .svc-example{padding:0;border:0;background:none;font-size:13px!important;margin:17px 0 0;color:#526682;line-height:1.8}.service-content .svc-link{font-size:12px;margin:12px 0 10px;font-weight:500}
.service-demo{border-top:1px solid #d2ddec;padding-top:20px;margin-top:18px}.demo-heading{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.07em;color:#637998}.demo-heading span:last-child{letter-spacing:0}.demo-route{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 18px;gap:12px;position:relative}.demo-route:before{content:"";position:absolute;left:30px;right:30px;top:27px;height:1px;background:#b9cce9}.demo-route>div{min-width:0;position:relative;padding:0 12px 14px;background:#f1f5fb;transition:background .25s,transform .25s;border-radius:12px}.demo-route i{display:grid;place-items:center;position:relative;margin:0 0 16px;width:50px;height:50px;border:1px solid #c2d1e7;background:#fff;border-radius:14px;color:#1d57d6;font-size:12px;font-style:normal;box-shadow:0 5px 0 #dbe4f2;transition:background .25s,color .25s}.demo-route strong{display:block;font-size:13px;font-weight:500;line-height:1.5;margin-bottom:8px}.demo-route span{font-size:11px;line-height:1.6;color:#60728d;display:block}.demo-route .current i{background:#1d57d6;color:#fff;border-color:#1d57d6;box-shadow:0 5px 0 #bbcff8}.demo-route .complete i{color:#1d57d6;background:#deE9ff;border-color:#aac5f8}.demo-route .current{background:#e5edfc;transform:translateY(-4px)}
.demo-actions{display:flex;align-items:center;gap:20px;border-top:1px solid #d8e2f1;padding-top:17px}.demo-action{border:0;background:none;color:#1d57d6;font-size:12px;cursor:pointer;min-height:44px;white-space:nowrap;padding:0 4px}.demo-status{font-size:11px!important;color:#61728b;margin:0;line-height:1.5}
.service-workbench .card-featured{margin-top:32px;border-radius:15px;padding:28px 34px;gap:24px}.service-workbench .card-featured h3{font-size:23px}.service-workbench .card-featured p{font-size:13px}
/* The method is a route, not five empty boxes. */
.step-num{box-shadow:none}.method-workbench{display:grid;grid-template-columns:.75fr 1.6fr;gap:50px}.method-route{display:flex;flex-direction:column;border-top:1px solid #cdd8e8}.method-choice{display:flex;gap:24px;align-items:center;min-height:94px;text-align:left;border:0;border-bottom:1px solid #cdd8e8;background:none;cursor:pointer;color:#71849f;padding:20px 0;transition:color .2s}.method-choice>span{font-size:24px;font-weight:400;letter-spacing:-.05em}.method-choice strong{font-weight:400;font-size:22px;letter-spacing:-.04em}.method-choice i{font-style:normal;font-size:24px;margin-left:auto;opacity:0}.method-choice[aria-pressed="true"]{color:#1d57d6}.method-choice[aria-pressed="true"] i{opacity:1}
.method-stage{min-width:0;min-height:470px;position:relative;overflow:hidden;border:1px solid #d1def0;border-radius:20px;background:linear-gradient(125deg,#edf3fd,#fff);padding:25px 32px;display:flex;flex-direction:column}.method-stage-top{display:flex;justify-content:space-between;gap:24px;font-size:9px;letter-spacing:.1em;color:#607897;line-height:1.8}.method-count{color:#1d57d6}.method-blueprint{position:relative;width:100%;height:260px;max-width:520px;margin:auto;isolation:isolate;background:radial-gradient(#c7d7ed 1px,transparent 1px);background-size:20px 20px}
.blueprint-ring{position:absolute;width:225px;height:225px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(28deg);border:1px solid #a9c1e7;border-radius:50%;transition:transform .7s,border-color .7s}.ring-two{width:310px;height:180px;transform:translate(-50%,-50%) rotate(-20deg);border-color:#d6e2f3}.blueprint-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:124px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:45px;line-height:1;letter-spacing:-.08em;background:linear-gradient(130deg,#fefefe,#dce7f8);border:1px solid white;border-radius:22px;box-shadow:0 8px 0 #b7ccec,0 17px 24px #2a518225;color:#1d57d6}.blueprint-center span{position:absolute;top:110px;width:240px;text-align:center;font-size:10px;line-height:1.5;letter-spacing:0;color:#4c6487}
.blueprint-node{position:absolute;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:10px;background:#f9fbff;border:1px solid #b4c9e8;color:#7a94b9;transition:background .4s,transform .4s,box-shadow .4s}.bn-1{left:calc(50% - 126px);top:calc(50% - 18px)}.bn-2{left:calc(50% - 68px);top:calc(50% - 102px)}.bn-3{left:calc(50% + 37px);top:calc(50% - 94px)}.bn-4{left:calc(50% + 97px);top:calc(50% - 4px)}.bn-5{left:calc(50% + 22px);top:calc(50% + 74px)}.blueprint-node.active{background:#1d57d6;color:#fff;border-color:#1d57d6;box-shadow:0 0 0 7px #1d57d619;transform:scale(1.13)}.blueprint-node.complete{background:#dae6fc;color:#1d57d6}.method-stage[data-phase="1"] .ring-two{transform:translate(-50%,-50%) rotate(22deg)}.method-stage[data-phase="2"] .blueprint-ring{transform:translate(-50%,-50%) rotateX(55deg) rotate(-15deg)}.method-stage[data-phase="3"] .ring-two{transform:translate(-50%,-50%) rotate(-60deg);border-color:#86a8df}.method-stage[data-phase="4"] .ring-two{transform:translate(-50%,-50%) rotate(0deg);border-color:#1d57d6}
.method-active{display:flex;align-items:flex-start;gap:23px;border-top:1px solid #d4e0f0;padding-top:23px;min-height:104px}.method-active>span{font-size:46px;line-height:1;letter-spacing:-.06em;color:#a8bddf}.method-active h3{font-size:23px;line-height:1.2;margin-bottom:8px}.method-active p{font-size:13px;color:#566b88;line-height:1.7;max-width:470px;margin:0}
/* Before/after: real draggable reveal with both explanations available. */
.ba-card{overflow:hidden;background:#fff;border-radius:20px;box-shadow:none;padding:0}.comparison-header{display:flex;justify-content:space-between;gap:18px;padding:23px 28px;font-size:9px;letter-spacing:.08em;color:#607591}.comparison-header span:last-child{letter-spacing:0}
.comparison-stage{height:350px;position:relative;overflow:hidden;background:#edf2fa}.comparison-scene{position:absolute;inset:0;overflow:hidden}.comparison-auto{background:#1d57d6;color:white}.comparison-manual{background:radial-gradient(ellipse,#fff,#e9eef6);clip-path:inset(0 calc(100% - var(--comparison)) 0 0)}
.loose-note{position:absolute;width:220px;min-height:91px;padding:22px 24px;border:1px solid #dbe2ed;border-radius:7px;background:#fff;color:#263d60;box-shadow:0 12px 35px #28456e18;font-size:15px;line-height:1.4}.loose-note span{display:block;font-size:11px;color:#7e8fa8;margin-top:8px}.note-one{left:17%;top:60px;transform:rotate(-9deg)}.note-two{left:47%;top:146px;transform:rotate(9deg)}.note-three{left:22%;top:219px;transform:rotate(-4deg)}.scene-corner{position:absolute;top:22px;left:27px;font-size:9px;letter-spacing:.13em;color:#7589a6}.comparison-auto .scene-corner{left:auto;right:27px;color:#d2e0ff}
.flow-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);width:140px;height:113px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:32px;letter-spacing:-.07em;border-radius:22px;color:#1d57d6;background:linear-gradient(145deg,#fff,#d9e4fa);border:2px solid #e8efff;box-shadow:6px 8px 0 #83a4ef,11px 16px 30px #082f7c4d}.flow-core>span{font-size:9px;letter-spacing:.01em;margin-top:9px}.flow-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:440px;height:205px;border:1px solid #bfd2ff66;border-radius:50%}.flow-orbit span{position:absolute;font-size:11px;border:1px solid #ffffff44;border-radius:30px;padding:10px 15px;background:#3165dc;min-width:105px;text-align:center}.flow-orbit span:nth-child(1){left:-25px;top:22px}.flow-orbit span:nth-child(2){right:-25px;top:22px}.flow-orbit span:nth-child(3){left:0;bottom:4px}.flow-orbit span:nth-child(4){right:0;bottom:4px}
.comparison-divider{position:absolute;z-index:2;top:0;bottom:0;left:clamp(2px,var(--comparison),calc(100% - 2px));width:2px;background:#fff;box-shadow:0 0 0 1px #173d791c;pointer-events:none}.comparison-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:white;color:#1d57d6;box-shadow:0 5px 20px #11387f3b;display:grid;place-items:center;font-size:24px}
#comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}#comparison-range:focus-visible{opacity:.02}.comparison-stage:focus-within{outline:3px solid #88a5e9;outline-offset:3px}
.ba-toggle{display:flex;justify-content:center;gap:5px;padding:6px;margin:20px auto;width:fit-content;max-width:calc(100% - 36px);border-radius:30px;background:#edf2fa}.ba-toggle>button{position:relative;flex:none;border:0;background:transparent;cursor:pointer;min-height:42px;padding:10px 20px;color:#546a89;font-size:12px;border-radius:24px;line-height:1.3;font-weight:500}.ba-toggle>button[aria-pressed="true"]{background:#fff;color:#1d57d6;box-shadow:0 2px 7px #193e7d12}.ba-toggle>button:hover{color:#1d57d6}
.comparison-details{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dfe6f1}.comparison-details .ba-panel{padding:28px 32px}.comparison-details .ba-panel+ .ba-panel{border-left:1px solid #dfe6f1;background:#f7faff}.ba-panel h3{font-size:26px;margin-bottom:20px}.ba-list{gap:7px;margin-bottom:20px}.ba-list li{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.6;padding:7px 0}.ba-list li:before{position:static;flex:0 0 21px;width:21px;height:21px;font-size:12px;margin-top:0}.ba-badge{font-size:10px;padding:9px 13px;line-height:1.6;white-space:normal}
@media(min-width:1700px){.entrance-art{inset:3% 13% 7%}.entrance-word{top:15%}.journey-stage{height:540px}}
@media(max-width:1100px){.service-workbench{gap:0 28px;grid-template-columns:.8fr 1.7fr}.service-choice strong{font-size:16px}.service-content{padding:25px}.service-content .svc-card{min-height:270px}.service-content .svc-card h3{font-size:29px}.demo-route{gap:4px}.demo-route>div{padding-inline:7px}.method-workbench{gap:30px}.method-choice{gap:16px}.method-choice strong{font-size:19px}.method-stage{padding-inline:24px}.journey-stage{height:380px}.journey-layers{gap:10px}.journey-layers span{gap:6px}.journey-layers b{font-size:10px}}
@media(max-width:760px){
 .entrance{height:155svh}.entrance-sticky{min-height:570px}.entrance-top{top:24px;left:24px;right:24px;gap:16px}.entrance-top .brand img{width:138px}.entrance-skip{font-size:10px;gap:12px;padding:9px 12px}.entrance-word{top:27%;font-size:22vw}.entrance-art{inset:12% -14% 15%}.entrance-side{top:105px;right:24px;font-size:8px;gap:3px}.entrance-bottom{left:24px;right:24px;bottom:73px;gap:25px}.entrance-bottom h2{font-size:42px}.entrance-bottom p{font-size:10px}.entrance-scroll{font-size:10px;max-width:99px;flex-direction:column;gap:10px;align-items:center;text-align:center}.entrance-scroll>span{width:40px;height:40px}.entrance-motion{right:24px;bottom:17px}.entrance-fallback{inset:20% 18%}.journey-eyebrow{font-size:8px;margin-top:8px}.journey-stage{height:330px}.journey-layers{margin-bottom:20px;gap:14px}.journey-layers span{gap:9px}.journey-layers b{font-size:10px}
 .service-workbench{grid-template-columns:1fr;gap:20px}.service-navigation{display:grid;grid-template-columns:1fr 1fr;border-top:0;gap:8px}.service-choice{border:1px solid #d8e2ef;border-radius:10px;min-height:72px;padding:12px;gap:10px;align-items:center}.service-choice>span{font-size:9px;padding-top:2px}.service-choice strong{font-size:13px;line-height:1.35}.service-choice i{display:none}.service-choice[aria-pressed="true"]{padding:12px;background:#1d57d6;color:#fff;border:1px solid #1d57d6}.service-content{padding:25px;border-radius:16px}.service-content .svc-card{min-height:0}.service-content .svc-card h3{font-size:30px;max-width:none}.service-content .svc-card>p{font-size:13px}.service-content .svc-example{font-size:12px!important}.service-context{font-size:8px;margin-bottom:22px}.service-context>span:last-child{display:none}.demo-route{margin-top:22px;gap:7px}.demo-route>div{padding:0 5px 12px}.demo-route i{width:42px;height:42px;border-radius:12px}.demo-route strong{font-size:11px}.demo-route span{font-size:10px;line-height:1.6}.demo-actions{gap:15px}.demo-action{font-size:11px}.demo-status{font-size:10px!important}.service-workbench .card-featured{margin-top:2px;padding:27px;gap:0}.service-workbench .card-featured h3{font-size:23px}.service-workbench .card-featured p{font-size:12px}.sector-bar{margin-bottom:24px;gap:6px}.sector-bar .chip{font-size:10px;padding:9px 12px}
 .method-workbench{grid-template-columns:1fr;gap:21px}.method-route{display:grid;grid-template-columns:repeat(5,1fr);border:0;gap:4px}.method-choice{display:flex;flex-direction:column;align-items:flex-start;min-height:83px;padding:9px 3px;gap:12px}.method-choice>span{font-size:23px}.method-choice strong{font-size:10px;letter-spacing:-.035em}.method-choice i{display:none}.method-choice[aria-pressed="true"]{border-bottom:2px solid #1d57d6}.method-stage{min-height:440px;padding:23px}.method-stage-top{font-size:8px}.method-blueprint{height:250px;max-width:390px}.method-active{gap:17px;min-height:108px}.method-active>span{font-size:39px}.method-active h3{font-size:24px}.method-active p{font-size:12px}.ring-two{width:270px}.blueprint-ring{width:215px}.blueprint-center{width:106px;height:80px;font-size:39px}.blueprint-center span{top:100px;width:210px;font-size:9px}
 .comparison-header{font-size:8px;padding:19px 20px;line-height:1.7}.comparison-header span:first-child{max-width:190px}.comparison-header span:last-child{text-align:right}.comparison-stage{height:340px}.loose-note{width:165px;padding:17px 18px;font-size:13px;min-height:80px}.loose-note span{font-size:10px}.note-one{left:10%;top:58px}.note-two{left:40%;top:149px}.note-three{left:12%;top:235px}.scene-corner{font-size:8px;left:20px;top:18px}.comparison-auto .scene-corner{right:20px}.flow-orbit{width:240px;height:230px}.flow-orbit span{font-size:9px;min-width:85px;padding:8px 10px}.flow-orbit span:nth-child(1){left:-5px;top:0}.flow-orbit span:nth-child(2){right:-5px;top:0}.flow-orbit span:nth-child(3){left:-5px;bottom:0}.flow-orbit span:nth-child(4){right:-5px;bottom:0}.flow-core{width:115px;height:100px;font-size:29px}.comparison-divider span{width:42px;height:42px}.ba-toggle{max-width:calc(100% - 24px);margin:16px auto;padding:5px;gap:2px}.ba-toggle>button{font-size:10px;padding:10px 13px;min-height:44px}.comparison-details{grid-template-columns:1fr}.comparison-details .ba-panel{padding:25px}.comparison-details .ba-panel+.ba-panel{border-left:0;border-top:1px solid #dfe6f1}.ba-panel h3{font-size:26px}.ba-list li{font-size:12px;padding:6px 0;gap:11px}.ba-badge{font-size:10px;padding:9px 12px}
}
@media(max-width:420px){.calc-results{grid-template-columns:1fr;padding:16px;gap:14px}.calc-metric{display:flex;align-items:baseline;justify-content:space-between;gap:12px;text-align:left;min-width:0}.calc-metric strong{font-size:25px;order:2}.calc-metric span{font-size:10px;max-width:46%}}
@media(max-width:359px){.entrance-top{left:20px;right:20px}.entrance-top .brand img{width:122px}.entrance-bottom{left:20px;right:20px}.entrance-bottom h2{font-size:36px}.service-content{padding:21px 19px}.service-choice{padding:10px;gap:7px}.service-choice[aria-pressed="true"]{padding:10px}.service-choice strong{font-size:12px}.method-choice strong{font-size:9px}.method-stage{padding:20px 15px}.blueprint-ring{width:185px}.ring-two{width:244px}.bn-1{left:calc(50% - 113px)}.bn-4{left:calc(50% + 81px)}.ba-toggle>button{padding:9px 10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.entrance{height:100svh;min-height:570px}.entrance-sticky{position:relative}.entrance-motion,.entrance-reveal{display:none}.entrance-word,.entrance-bottom{transform:none!important;opacity:1!important}.entrance-art{opacity:1!important}.entrance-scroll>span{animation:none}.demo-route .current{transform:none}}

/* Concept 04: fewer controls, a comparison readable at a glance. */
.service-filter{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dce4ef;padding-top:24px;margin-bottom:32px}
.sector-select-label{font-size:13px;color:#5e728e}.sector-select-wrap{position:relative;min-width:260px}.sector-select-wrap:after{content:"";width:7px;height:7px;border-right:1.5px solid #1d57d6;border-bottom:1.5px solid #1d57d6;transform:rotate(45deg);position:absolute;right:20px;top:20px;pointer-events:none}
.sector-select{width:100%;appearance:none;border:1px solid #b7cae7;border-radius:10px;min-height:48px;background:#f7faff;color:#1d57d6;font:500 13px Inter,system-ui,sans-serif;padding:13px 42px 13px 18px;cursor:pointer}.sector-select:focus-visible{outline:3px solid #a4bff0;outline-offset:3px}
.service-content .svc-card{min-height:215px}.service-counter{font-variant-numeric:tabular-nums;color:#1d57d6}.demo-route{margin-bottom:0}.demo-route>div{padding-bottom:8px}.demo-route .current{background:none;transform:none}.demo-route .complete i{background:white}.service-choice[aria-pressed="true"] i{transform:rotate(45deg)}
.method-stage{background:radial-gradient(ellipse at 75% 5%,#4e7be4,#1d57d6 65%);border-color:#1d57d6;box-shadow:0 18px 40px #1d57d61a;padding:30px 36px;min-height:490px}.method-stage-top{color:#dce7ff}.method-count{color:#fff;font-size:13px;letter-spacing:.06em}.method-blueprint{height:275px;background-image:radial-gradient(#bcd2ff3d 1px,transparent 1px)}.blueprint-ring{border-color:#aac7ff99}.ring-two{border-color:#b8d0ff40}.blueprint-center{box-shadow:0 8px 0 #739ae8,0 22px 28px #123f984a}.blueprint-center span{color:#e5edff;top:112px}.blueprint-node{background:#376bde;border-color:#8eafea;color:#dae5fc}.blueprint-node.active{background:#fff;border-color:#fff;color:#1d57d6;box-shadow:0 0 0 8px #ffffff1a}.blueprint-node.complete{background:#a6c2fc;color:#1d57d6;border-color:#a6c2fc}.method-stage[data-phase="3"] .ring-two,.method-stage[data-phase="4"] .ring-two{border-color:#c2d7ff}.method-active{border-color:#afcaff66;padding-top:23px;min-height:105px}.method-active>span{color:#8fafee;font-size:55px}.method-active h3{color:#fff;font-size:29px}.method-active p{color:#e1eaff;font-size:13px}.method-choice[aria-pressed="true"]{border-bottom:2px solid #1d57d6}
.comparison-stage{display:grid;grid-template-columns:1fr 1fr;height:300px;border-top:1px solid #dce5f0}.comparison-scene{position:relative;inset:auto;min-width:0;height:100%}.comparison-manual{grid-column:1;grid-row:1;clip-path:none}.comparison-auto{grid-column:2;grid-row:1}.scene-corner{top:20px;left:28px;font-size:9px}.comparison-auto .scene-corner{left:28px;right:auto}
.loose-note{width:190px;min-height:70px;padding:15px 18px;font-size:12px;border-radius:6px;box-shadow:0 9px 20px #28456e10}.loose-note span{font-size:10px;margin-top:6px}.note-one{left:8%;top:65px;transform:rotate(-7deg)}.note-two{left:auto;right:8%;top:130px;transform:rotate(6deg)}.note-three{left:15%;top:205px;transform:rotate(-3deg)}
.flow-orbit{width:320px;height:182px;top:57%}.flow-orbit span{font-size:10px;min-width:95px;padding:8px 13px}.flow-orbit span:nth-child(1){top:0;left:0}.flow-orbit span:nth-child(2){top:0;right:0}.flow-orbit span:nth-child(3){bottom:0;left:0}.flow-orbit span:nth-child(4){bottom:0;right:0}.flow-core{top:57%;width:117px;height:91px;font-size:28px;border-radius:18px}.flow-core>span{font-size:8px;margin-top:7px}.comparison-details{border-top:0}.comparison-details .ba-panel{padding:33px 35px 36px}.comparison-details .ba-panel+.ba-panel{background:#f0f5ff}.ba-panel h3{display:flex;align-items:center;gap:14px;font-size:28px}.ba-panel h3>span{font-size:10px;letter-spacing:.07em;color:#849bb9}.ba-list{gap:8px}.ba-list li{font-size:13px;line-height:1.65;gap:13px;padding:7px 0;position:static}.ba-list li:before{position:static!important;align-self:flex-start;flex:0 0 22px;width:22px;height:22px;line-height:22px;border-radius:7px}.ba-badge{margin-top:8px}.comparison-header{font-size:9px;padding:23px 28px}.ba-processes .chip{border-radius:30px;padding:12px 18px}
@media(max-width:1100px){.flow-orbit{width:245px;height:187px}.flow-orbit span{min-width:86px;font-size:9px;padding:8px 10px}.loose-note{width:166px;font-size:11px}.note-two{right:6%}.comparison-details .ba-panel{padding:28px}.method-stage{padding-inline:25px}.method-active h3{font-size:25px}.method-active p{font-size:12px}}
@media(max-width:760px){.service-filter{align-items:flex-start;flex-direction:column;gap:13px;padding-top:20px;margin-bottom:24px}.sector-select-label{font-size:12px}.sector-select-wrap{width:100%;min-width:0}.service-content .svc-card{min-height:0}.service-context>span:last-child{display:block}.method-stage{padding:24px;min-height:460px}.method-blueprint{height:260px}.method-active>span{font-size:43px}.method-active h3{font-size:26px}.blueprint-center span{top:102px}.comparison-details .ba-panel{padding:27px}.comparison-header{padding:20px}.ba-processes{gap:7px}.ba-processes .chip{font-size:11px;padding:11px 14px}.ba-list li{font-size:12px}.ba-panel h3{font-size:28px}.comparison-details .ba-panel+.ba-panel{border-top:1px solid #d5e2f8}.comparison-header span:first-child{max-width:200px}}
@media(min-width:601px) and (max-width:760px){.comparison-details{grid-template-columns:1fr 1fr}.comparison-details .ba-panel{padding:23px}.comparison-details .ba-panel+.ba-panel{border-top:0}.ba-list li{font-size:11px}}
@media(max-width:600px){.comparison-stage{display:none}.comparison-header{border-bottom:1px solid #dce5f0}.comparison-details .ba-panel+.ba-panel{border-left:0}}
@media(prefers-reduced-motion:reduce){.art-controls #motion-toggle,.entrance-motion{display:inline-flex;align-items:center}.method-active,.service-detail,.service-demo{transform:none!important}}
.blueprint-center span{display:none}

/* Concept 05 — the entrance as a quiet, warm studio. */
.entrance{background:#f2f1ec}
.entrance-sticky{background:radial-gradient(ellipse at 48% 40%,#fffefa 0%,#f6f5f0 44%,#eeede7 100%)}
.entrance-sticky:before{content:"";position:absolute;left:35%;width:30%;bottom:19%;height:4%;border-radius:50%;background:radial-gradient(ellipse,#57594f20,transparent 68%);filter:blur(11px);opacity:calc(1 - var(--open));pointer-events:none}
.entrance-top{top:34px}.entrance-top .brand img{width:164px}
.entrance-skip{background:#ffffff50;border-color:#c4c7c1;color:#243c60;font-weight:500;gap:28px;padding:14px 22px;backdrop-filter:blur(10px)}
.entrance-skip:hover{background:#173a83;border-color:#173a83;color:#fff}
.entrance-word{top:20%;color:#deded8;font-weight:400;letter-spacing:-.08em;font-size:clamp(100px,21vw,410px);opacity:calc(.7 - var(--open)*.7)}
.entrance-art{inset:7% 10% 14%}
.entrance-side{right:4.5%;top:44%;color:#6c726c;font-size:8px;letter-spacing:.14em;gap:10px}
.entrance-bottom{bottom:72px}.entrance-bottom h2{font-size:clamp(40px,5.4vw,78px);color:#1b2e49;font-weight:400;line-height:1.04}
.entrance-bottom p{font-size:11px;color:#69726e;letter-spacing:.025em;margin-bottom:13px}
.entrance-scroll{color:#334d6e;gap:18px}.entrance-scroll>span{border-color:#bdc6c2;background:#ffffff38;color:#214a8b;width:48px;height:48px;animation-duration:2.8s}
.entrance-motion{color:#646f6e;bottom:21px;min-height:36px}.entrance-progress{background:#dcded7;height:2px}.entrance-progress i{background:#234d97}
.entrance-reveal>span{color:#6c776f}.entrance-reveal p{color:#1b2e49;font-weight:400}.entrance-reveal em{color:#214b99}
.entrance-fallback i{border-color:#234d97;box-shadow:inset 2px 2px 9px #ffffff70,7px 10px 25px #38403220}.entrance-fallback i:nth-child(2){border-color:#c4c5c0}.entrance-fallback i:nth-child(3){border-color:#e8e5dd}
@media(min-width:1700px){.entrance-art{inset:6% 13% 13%}.entrance-word{top:18%}}
@media(max-width:1100px){.entrance-side{font-size:7px;right:4%;max-width:140px;line-height:1.8}.entrance-art{inset:10% 4% 17%}}
@media(max-width:760px){.entrance-top{top:25px;left:24px;right:24px}.entrance-top .brand img{width:138px}.entrance-skip{padding:10px 13px;font-size:10px;gap:12px}.entrance-word{top:32%;font-size:22vw}.entrance-art{inset:16% -9% 21%}.entrance-side{top:107px;right:24px;gap:4px;font-size:7px;max-width:160px}.entrance-bottom{left:24px;right:24px;bottom:75px;gap:20px}.entrance-bottom h2{font-size:42px}.entrance-bottom p{font-size:9px;letter-spacing:0;margin-bottom:12px}.entrance-scroll{font-size:10px;gap:11px}.entrance-scroll>span{width:40px;height:40px}.entrance-sticky:before{left:23%;width:54%;bottom:27%;height:3%;filter:blur(9px)}.entrance-motion{right:24px;bottom:20px;font-size:9px}}
@media(max-width:359px){.entrance-top{left:20px;right:20px}.entrance-top .brand img{width:122px}.entrance-bottom{left:20px;right:20px}.entrance-bottom h2{font-size:35px}.entrance-bottom p{font-size:8px}.entrance-art{inset:20% -10% 26%}.entrance-skip{padding-inline:11px;font-size:9px}}

/* ---------- Casos reales: logo, etiqueta, descripción y testimonio ---------- */
.cases-grid{align-items:stretch}
.case-card{justify-content:flex-start;gap:0;min-height:0;padding:30px}
.case-logo{height:64px;display:flex;align-items:center;margin-bottom:26px}
.case-logo img{display:block;width:auto;height:auto;max-height:44px;max-width:190px;object-fit:contain}
.case-logo-dark{height:auto;background:linear-gradient(135deg,#1d57d6,#164ab8);border-radius:12px;padding:12px 18px;align-self:flex-start;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.case-logo-dark img{max-height:34px;max-width:170px}
.case-card .case-type{font-size:10px!important;letter-spacing:.12em;color:#5b6b85;text-transform:uppercase;margin:0 0 12px;line-height:1.5}
.case-card .case-name{font-family:Inter,system-ui,sans-serif;font-size:27px;font-weight:600;letter-spacing:-.035em;line-height:1.15;color:var(--text);margin:0 0 14px}
.case-card .case-desc{font-size:14px!important;line-height:1.75;color:var(--text-muted);margin:0}
.case-quote{margin:24px 0 0;padding:18px 0 0 18px;border-left:3px solid #88a5e9;position:relative}
.case-quote:before{content:"";position:absolute;left:-3px;top:0;width:3px;height:100%;background:linear-gradient(#1d57d6,#88a5e9)}
.case-quote p{font-style:italic;font-size:14px;line-height:1.7;color:#22304a;margin:0}
.case-quote footer{margin-top:10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark)}
.case-quote footer:before{content:"— "}
@media(max-width:1050px){.case-card{padding:24px}.case-card .case-name{font-size:23px}.case-logo{height:56px;margin-bottom:20px}.case-logo img{max-height:38px;max-width:160px}.case-logo-dark{padding:10px 14px}.case-logo-dark img{max-height:30px}}
@media(max-width:760px){.case-card{padding:26px}.case-card .case-name{font-size:25px}.case-quote p{font-size:14px}}
.case-card{position:relative;overflow:hidden;padding-bottom:64px}
.case-card:after{content:attr(data-index);position:absolute;right:26px;bottom:14px;font-family:Inter,system-ui,sans-serif;font-size:44px;font-weight:600;letter-spacing:-.05em;line-height:1;color:#1d57d6;opacity:.12;pointer-events:none}
@media(max-width:760px){.case-card{padding-bottom:58px}.case-card:after{font-size:38px;right:22px;bottom:12px}}