@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071a2b;--navy2:#0c2744;--blue:#1378e8;--cyan:#25d6e7;--gold:#b99655;--ink:#10202f;--muted:#637486;--line:#d9e1e8;--paper:#f0f3f6;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Manrope,Arial,sans-serif;color:var(--ink);line-height:1.5;background:#fff}a{text-decoration:none;color:inherit}button{font:inherit}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(19,120,232,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(19,120,232,.018) 1px,transparent 1px);background-size:60px 60px}
.brand-watermark{position:fixed;right:-180px;top:42%;width:620px;opacity:.025;transform:rotate(-18deg);pointer-events:none;z-index:-1}.brand-watermark img{width:100%;height:auto;filter:grayscale(1)}
.header{position:sticky;top:0;z-index:40;background:rgba(7,26,43,.97);color:#fff;backdrop-filter:blur(10px)}.micro{font-size:9px;letter-spacing:.18em;color:#91a7ba;border-bottom:1px solid rgba(255,255,255,.08)}.micro-in{display:flex;justify-content:space-between;padding:8px 0}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.logo img{display:block;width:155px;height:auto;max-height:52px;object-fit:contain}.nav nav{display:flex;gap:24px;align-items:center;font-size:12px;color:#c7d2dd}.nav nav a:hover{color:#fff}.pill{border:1px solid #587087;padding:9px 16px;border-radius:99px;color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:700px;background:linear-gradient(115deg,#061728 0%,#071a2b 58%,#0a2038 100%);color:#fff;position:relative;overflow:hidden}.hero-in{position:relative;z-index:2;padding:120px 0}.kicker{font-size:10px;letter-spacing:.25em;font-weight:800;color:#8dbfff;margin-bottom:18px}.blue{color:#2d78ca}.hero h1{font-size:clamp(58px,8vw,104px);line-height:.91;letter-spacing:-.06em;margin:0;font-weight:800}.hero h1 em,.service-head em,.solutions h2 em,.strategic h2 em{font-style:normal;color:#8fc0ff}.hero h2{font-size:31px;font-weight:450;margin:22px 0 12px}.hero p{max-width:700px;color:#b8c8d7;font-size:17px}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;padding:13px 21px;border-radius:999px;font-size:12px;font-weight:750;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-white{background:#fff;color:var(--navy)}.outline{border:1px solid #587188;color:#fff}.dark{background:var(--navy);color:#fff}.hero-orbit{position:absolute;right:-180px;top:80px;width:720px;height:720px;border:1px solid rgba(109,172,240,.2);border-radius:50%;box-shadow:0 0 0 85px rgba(100,170,240,.025),0 0 0 170px rgba(100,170,240,.018)}.hero-orbit span{position:absolute;border-radius:50%;border:1px solid rgba(37,214,231,.12)}.hero-orbit span:nth-child(1){inset:110px}.hero-orbit span:nth-child(2){inset:235px}.hero-orbit span:nth-child(3){width:8px;height:8px;background:var(--cyan);left:205px;top:190px;box-shadow:0 0 28px rgba(37,214,231,.6)}
.soft{background:linear-gradient(180deg,#f7f9fa 0%,#e9edf1 100%);padding:105px 0;position:relative;overflow:hidden}.section-white{background:linear-gradient(180deg,#fff 0%,#eef2f5 100%);padding:105px 0;position:relative;overflow:hidden}.white-panel{background:linear-gradient(180deg,#fff 0%,#eef2f5 100%);padding:105px 0}.light{background:linear-gradient(180deg,#f4f7f9 0%,#e6ebef 100%);padding:100px 0}.intro-head,.service-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.intro-head h2,.architecture h2,.service-head h2,.training h2,.solutions>div>h2,.strategic h2,.cta h2,.operations-feature h2,.white-panel h2{font-size:clamp(40px,5vw,65px);line-height:1;letter-spacing:-.05em;margin:0}.intro-head>p,.service-head>p{color:var(--muted);font-size:17px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}.value-grid>div{border-top:1px solid var(--line);padding:25px 0}.value-grid h3{font-size:24px;margin:0 0 7px}.value-grid p{color:var(--muted);font-size:13px;margin:0}
.architecture{padding:120px 0 95px}.architecture h2{margin-bottom:15px}.architecture-copy{max-width:730px;color:var(--muted);font-size:15px}.flow3d{height:520px;position:relative;margin-top:55px;perspective:1200px}.core-card,.field-card{position:absolute;border:1px solid #b9c9d8;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(229,236,243,.96));box-shadow:0 30px 60px rgba(7,26,43,.12);border-radius:20px}.core-card{left:50%;top:28px;transform:translateX(-50%) rotateX(5deg) rotateY(-8deg);width:310px;height:165px;padding:28px;text-align:center;z-index:3}.core-card:after{content:"";position:absolute;inset:10px;border:1px solid rgba(19,120,232,.14);border-radius:14px}.core-card span,.core-card small{display:block;position:relative;z-index:2}.core-card span{font-size:10px;letter-spacing:.2em;color:var(--blue);font-weight:800}.core-card strong{display:block;position:relative;z-index:2;font-size:19px;line-height:1.15;margin:15px 0}.core-card small{font-size:10px;color:var(--muted)}.field-card{top:275px;width:43%;min-height:165px;padding:26px;transition:.25s;z-index:2}.field-card:hover{transform:translateY(-7px) rotateX(2deg) rotateY(-3deg);box-shadow:0 38px 75px rgba(7,26,43,.18);border-color:#80acd4}.field-card.fuel{left:1%;transform:rotateY(7deg) rotateX(2deg)}.field-card.transversal{right:1%;transform:rotateY(-7deg) rotateX(2deg)}.field-card small{font-size:9px;letter-spacing:.2em;color:var(--blue);font-weight:800}.field-card strong{display:block;font-size:24px;letter-spacing:-.03em;margin:12px 0 7px}.field-card span{display:block;color:var(--muted);font-size:12px;max-width:390px}.field-card b{display:block;color:var(--blue);font-size:11px;margin-top:18px}.connector{position:absolute;top:190px;width:22%;height:1px;background:linear-gradient(90deg,rgba(19,120,232,0),rgba(19,120,232,.45),rgba(19,120,232,.1));z-index:1}.c1{left:22%;transform:rotate(24deg)}.c2{right:22%;transform:rotate(-24deg)}
.caps-label{margin-top:20px}.caps-intro{max-width:800px;color:var(--muted);font-size:14px;margin:0 0 25px}.caps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cap{min-height:245px;background:rgba(255,255,255,.82);border:1px solid var(--line);padding:22px;position:relative;text-align:left;cursor:pointer;transition:.22s;border-radius:14px;overflow:hidden}.cap:before{content:"";position:absolute;inset:auto -30px -55px -30px;height:130px;background:radial-gradient(circle,rgba(37,214,231,.12),transparent 65%);transition:.3s}.cap:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(7,26,43,.13);border-color:#84add1}.cap:hover:before{transform:scale(1.2)}.cap span{font-size:9px;color:#3979c7;letter-spacing:.16em;font-weight:800}.cap h3{font-size:20px;line-height:1.08;margin-top:78px;position:relative}.cap i{position:absolute;right:20px;bottom:18px;font-style:normal;font-size:20px;color:#3979c7}
.navy{background:var(--navy);color:#fff}.specialization{padding:110px 0;min-height:600px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.specialization h2{font-size:clamp(48px,6vw,78px);line-height:.94;letter-spacing:-.055em;margin:0}.specialization h2 small{font-size:.22em;letter-spacing:.08em;vertical-align:middle;color:#8fb0ca}.specialization h3{font-size:19px;color:#b8cbe0;font-weight:500}.specialization p{max-width:610px;color:#9db1c3}.link-row{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.text-link{display:inline-block;margin-top:20px;font-size:12px;font-weight:750}.back-link{display:inline-block;margin-top:30px;font-size:11px;font-weight:800}.light-link{color:#a9c8e5}.dark-link{color:#3979c7}.station-visual{height:380px;position:relative;transform:perspective(850px) rotateY(-8deg);border-bottom:1px solid rgba(140,188,240,.18)}.station-glow{position:absolute;width:340px;height:340px;border-radius:50%;right:10px;top:5px;background:radial-gradient(circle,rgba(37,214,231,.12),transparent 65%);filter:blur(3px)}.station-roof{position:absolute;left:2%;right:-4%;top:70px;height:30px;border:1px solid rgba(140,188,240,.3);background:linear-gradient(90deg,rgba(37,214,231,.08),rgba(19,120,232,.1))}.station-store{position:absolute;left:26%;right:6%;top:100px;height:170px;border:1px solid rgba(140,188,240,.18);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}.station-pump{position:absolute;bottom:2px;width:64px;height:135px;border:1px solid rgba(140,188,240,.3);background:linear-gradient(180deg,rgba(37,214,231,.06),rgba(19,120,232,.02))}.p1{left:9%}.p2{left:23%}.p3{left:37%}.station-road{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(140,188,240,.2)}
.service-head{margin-bottom:55px}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{min-height:285px;border:1px solid var(--line);padding:27px;position:relative;transition:.22s;background:rgba(255,255,255,.72);border-radius:14px;overflow:hidden}.service-card:before{content:"";position:absolute;width:190px;height:190px;right:-90px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(19,120,232,.13),transparent 65%)}.service-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(7,26,43,.13);border-color:#8cb2d8}.service-card span{font-size:9px;color:#3979c7;letter-spacing:.16em;font-weight:800}.service-card h3{font-size:25px;line-height:1.04;margin:68px 0 12px}.service-card p{font-size:12px;color:var(--muted)}.service-card i{position:absolute;right:20px;bottom:18px;font-style:normal;font-size:20px;color:#3979c7}.service-card.solution-card{border-color:#7da6ca;background:linear-gradient(145deg,#fff,#edf5fb);box-shadow:0 14px 35px rgba(19,120,232,.08)}
.fuel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px}.mini-card,.trans-card{border:1px solid var(--line);background:rgba(255,255,255,.78);padding:27px;text-align:left;border-radius:14px;cursor:pointer;min-height:210px;transition:.22s;position:relative}.mini-card:hover,.trans-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(7,26,43,.11);border-color:#82acd1}.mini-card h3,.trans-card h3{margin:0 0 12px;font-size:20px;line-height:1.1}.mini-card p,.trans-card p{margin:0;color:var(--muted);font-size:12px}.mini-card b,.trans-card b{display:block;color:var(--blue);font-size:11px;margin-top:24px}.operations-feature{margin:55px 0 0;padding:35px;border-radius:18px;background:linear-gradient(135deg,#071a2b,#0b2d4c);color:#fff;display:grid;grid-template-columns:1fr 210px;gap:40px;align-items:center;box-shadow:0 22px 50px rgba(7,26,43,.18)}.operations-feature .section-label{color:#86baff}.operations-feature h2{font-size:45px;margin:0 0 12px}.operations-feature p{color:#afc1d0;max-width:700px}.feature-badge{border:1px solid rgba(255,255,255,.15);border-radius:50%;width:180px;height:180px;display:grid;place-items:center;text-align:center;color:#8fc0ff;font-size:11px;letter-spacing:.15em}.feature-badge strong{font-size:18px;color:#fff}
.modes{padding:100px 0}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}.mode-grid article{background:#fff;border:1px solid var(--line);padding:27px;min-height:225px;border-radius:14px}.mode-grid h3{font-size:27px;margin:0 0 12px}.mode-grid p{font-size:13px;color:var(--muted)}.white-panel h2{margin-bottom:15px}.section-lead{color:var(--muted);max-width:700px}.bpo-list{margin-top:45px;border-top:1px solid var(--line);margin-bottom:10px}.bpo-list div{display:grid;grid-template-columns:1fr 30px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.bpo-list strong{font-size:19px}.bpo-list i{font-style:normal;color:#3979c7}
.training{padding:110px 0}.training h2{margin-bottom:20px}.training p{color:#9eb2c4;max-width:680px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.tags span{border:1px solid rgba(255,255,255,.16);padding:10px 14px;border-radius:999px;font-size:11px;color:#c3d2df}
.solutions{background:linear-gradient(180deg,#061522,#081d31);color:#fff;padding:120px 0;position:relative;overflow:hidden}.solutions:after{content:"";position:absolute;width:700px;height:700px;right:-300px;top:-100px;border-radius:50%;border:1px solid rgba(37,214,231,.09);box-shadow:0 0 0 90px rgba(19,120,232,.025),0 0 0 180px rgba(19,120,232,.018)}.solutions>div{position:relative;z-index:2}.solutions>div>h2{margin-bottom:55px}.solution-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.solution{border:1px solid rgba(255,255,255,.15);padding:32px;min-height:510px;background:rgba(255,255,255,.035);position:relative;border-radius:18px;backdrop-filter:blur(8px)}.hero-solution{box-shadow:0 25px 65px rgba(0,0,0,.16)}.sol-top{display:flex;justify-content:space-between;color:#8dbfff;font-size:9px;letter-spacing:.16em}.solution h3{font-size:clamp(40px,5vw,64px);line-height:.94;letter-spacing:-.055em;margin:65px 0 14px}.solution p{color:#b5c7d7}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:27px}.modules button{border:1px solid rgba(255,255,255,.14);padding:11px 10px;min-height:70px;background:rgba(255,255,255,.02);color:#fff;text-align:left;cursor:pointer;transition:.2s;border-radius:8px}.modules button:hover{border-color:#77b2f4;background:rgba(91,158,232,.08);transform:translateY(-2px)}.modules b{display:block;font-size:11px;letter-spacing:.08em}.modules span{display:block;font-size:9px;color:#9fb2c2;margin-top:4px}.sol-link{display:inline-block;margin-top:22px;font-size:11px;font-weight:800;background:none;border:0;color:#fff;padding:0;cursor:pointer}.co2{font-size:75px;font-weight:800;color:#83b7f5;margin:45px 0}.solution small{color:#8299ab;display:block;max-width:500px}.soon{background:rgba(255,255,255,.018)}
.strategic{padding:120px 0}.strategic-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.strategic h2{margin-bottom:20px}.strategic .lead{font-size:24px;margin:0}.strategic-copy{font-size:16px;color:var(--muted);max-width:930px;margin:45px 0}.strategic-orbit{height:260px;position:relative}.strategic-orbit span{position:absolute;border:1px solid #b8cce0;border-radius:50%}.strategic-orbit span:nth-child(1){width:250px;height:250px;right:0}.strategic-orbit span:nth-child(2){width:175px;height:175px;right:37px;top:37px}.strategic-orbit span:nth-child(3){width:70px;height:70px;right:90px;top:90px;background:radial-gradient(circle,#b6d9f5,#eaf2f8)}.transversal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trans-card{min-height:245px}.trans-card:nth-child(4),.trans-card:nth-child(5){grid-column:span 1}.cta{background:#0b2943;color:#fff;text-align:center;padding:115px 0}.cta h2{margin:0}.cta p{color:#a9bdcf;margin:20px 0 30px}
footer{background:#04131f;color:#9db0c0;padding:60px 0 20px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px}.footer-logo img{width:270px;display:block}.foot p{font-size:9px;letter-spacing:.15em;line-height:1.8}.foot b{display:block;color:#fff;font-size:10px;letter-spacing:.15em;margin-bottom:14px}.foot div:not(:first-child) a,.foot div:not(:first-child) span{display:block;font-size:11px;margin:7px 0}.bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:45px;padding-top:18px;font-size:9px}
.modal{position:fixed;inset:0;z-index:100;display:none}.modal.show{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(4,16,27,.68);backdrop-filter:blur(6px)}.modal-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 34px));max-height:85vh;overflow:auto;background:linear-gradient(180deg,#fff,#edf2f6);border:1px solid #d5dfe8;border-radius:20px;padding:42px;box-shadow:0 35px 90px rgba(0,0,0,.3)}.modal-close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:30px;color:#667788;cursor:pointer}.modal-box h2{font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.04em;margin:0 0 18px}.modal-box>p{color:var(--muted);font-size:15px}.modal-box ul{padding-left:20px;color:#304252}.modal-box li{margin:10px 0}.modal-box .btn{margin-top:12px}.modal-box .back-link{margin-left:18px}
@media(max-width:1000px){.caps{grid-template-columns:repeat(3,1fr)}.service-cards,.mode-grid{grid-template-columns:repeat(2,1fr)}.transversal-grid{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:1fr 1fr}.fuel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.nav nav{display:none;position:absolute;top:109px;left:0;right:0;background:var(--navy);padding:20px 24px;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.menu{display:block}.intro-head,.service-head,.split,.strategic-head{grid-template-columns:1fr;gap:35px}.flow3d{height:680px}.core-card{top:20px}.field-card{width:90%;left:5%!important;right:auto!important}.field-card.fuel{top:260px;transform:none}.field-card.transversal{top:455px;transform:none}.connector{display:none}.operations-feature{grid-template-columns:1fr}.feature-badge{width:130px;height:130px}.station-visual{height:300px}.strategic-orbit{display:none}.solution-grid{grid-template-columns:1fr}.modules{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.wrap{width:calc(100% - 30px)}.micro{font-size:7px}.hero-in{padding:85px 0}.hero h1{font-size:58px}.soft,.section-white,.white-panel,.specialization,.training,.solutions,.strategic,.cta,.modes{padding:75px 0}.value-grid,.caps,.service-cards,.mode-grid,.fuel-grid,.transversal-grid,.solution-grid{grid-template-columns:1fr}.flow3d{height:700px}.core-card{width:88%}.field-card{width:100%;left:0!important}.field-card.fuel{top:250px}.field-card.transversal{top:450px}.service-card{min-height:230px}.modules{grid-template-columns:repeat(2,1fr)}.operations-feature{padding:25px}.modal-box{padding:32px 24px}.modal-box .back-link{display:block;margin-left:0}.footer-logo img{width:230px}}

/* V4.5 refinements */
.section-white,.soft,.white-panel{background-image:linear-gradient(180deg,rgba(255,255,255,.98),rgba(236,241,245,.98))}
.service-card h3{color:#10202f}.service-card:nth-child(1) h3{color:#176fd1}.service-card:nth-child(2) h3{color:#167f91}.service-card:nth-child(3) h3{color:#7d5aa8}.service-card:nth-child(4) h3{color:#b08a3c}
.service-card{min-height:300px}.service-card.solution-card{border-width:1.5px;transform:scale(1.015)}.service-card.solution-card:hover{transform:scale(1.015) translateY(-7px)}
.modules button{display:grid;grid-template-columns:1fr;align-content:start;gap:3px;min-height:96px;padding:9px}.modules button img{width:92px;height:34px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 5px rgba(0,0,0,.12));margin-bottom:2px}.modules button b{color:#fff}.modules button span{color:#9fb2c2}
.operations-feature{position:relative;overflow:hidden}.operations-feature:before{content:"";position:absolute;right:-140px;top:-170px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(143,192,255,.16);box-shadow:0 0 0 55px rgba(37,214,231,.025),0 0 0 110px rgba(19,120,232,.018)}.operations-feature h3{font-size:19px;font-weight:600;color:#d7e5f2;margin:0 0 10px}.operations-feature em{font-style:normal;color:#8fc0ff}.operations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:22px;position:relative;z-index:1}.operations-grid span{border:1px solid rgba(255,255,255,.11);padding:9px 11px;border-radius:8px;color:#b9cbd9;font-size:10px}.feature-badge{cursor:pointer;background:rgba(255,255,255,.02);font:inherit}.feature-badge small{display:block;color:#9eb5c9;font-size:8px;letter-spacing:.12em;margin-top:6px}
.bpo-list div{grid-template-columns:1fr 1.5fr 30px;gap:18px}.bpo-list div span{font-size:11px;color:var(--muted)}
.transversal-grid{grid-template-columns:repeat(2,1fr)}.trans-card{min-height:270px}.trans-card:first-child{grid-column:span 2}
@media(max-width:800px){.operations-grid{grid-template-columns:1fr}.bpo-list div{grid-template-columns:1fr 30px}.bpo-list div span{grid-column:1}.transversal-grid{grid-template-columns:1fr}.trans-card:first-child{grid-column:auto}}

/* V4.6 — visual refinement: depth, imagery, technology watermark */
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.16;background-image:radial-gradient(circle at 14% 22%,rgba(37,214,231,.10) 0 1px,transparent 2px),radial-gradient(circle at 82% 68%,rgba(19,120,232,.09) 0 1px,transparent 2px);background-size:140px 140px,190px 190px}
.tech-watermark{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;opacity:.045}.tech-watermark span{position:absolute;border:1px solid var(--blue);border-radius:50%}.tech-watermark span:nth-child(1){width:680px;height:680px;right:-300px;top:15%}.tech-watermark span:nth-child(2){width:430px;height:430px;right:-175px;top:28%}.tech-watermark span:nth-child(3){width:190px;height:190px;right:-55px;top:40%;background:radial-gradient(circle,rgba(37,214,231,.22),transparent 65%)}.tech-watermark i{position:absolute;width:520px;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);transform:rotate(-28deg)}.tech-watermark i:nth-of-type(1){left:-100px;top:23%}.tech-watermark i:nth-of-type(2){right:-80px;bottom:23%;transform:rotate(28deg)}
.soft,.section-white,.white-panel{background-image:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(246,248,250,.98) 48%,rgba(224,231,237,.96) 100%)}
.light{background-image:linear-gradient(120deg,#f8fafb 0%,#e8edf1 55%,#dce5eb 100%)}
.soft:after,.section-white:after,.light:after,.strategic:after{content:"";position:absolute;width:430px;height:430px;right:-260px;bottom:-240px;border-radius:50%;border:1px solid rgba(19,120,232,.08);box-shadow:0 0 0 70px rgba(19,120,232,.018),0 0 0 140px rgba(37,214,231,.012);pointer-events:none}
.cap,.service-card,.mode-grid article,.trans-card,.mini-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,237,242,.92));box-shadow:0 14px 35px rgba(7,26,43,.07);border-color:rgba(126,151,174,.25)}
.cap{border-radius:18px;min-height:270px}.cap:after,.service-card:after,.mode-grid article:after,.trans-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 42%)}
.service-card{border-radius:20px;min-height:325px;padding:30px;overflow:hidden}.service-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue),var(--cyan));opacity:.75}.service-card:nth-child(2):before{background:linear-gradient(180deg,#167f91,#25d6e7)}.service-card:nth-child(3):before{background:linear-gradient(180deg,#7d5aa8,#b99655)}.service-card:nth-child(4):before{background:linear-gradient(180deg,#b99655,#e2c47d)}.card-mark{display:inline-block;font-size:8px;letter-spacing:.2em;font-weight:800;color:#6c87a0;border:1px solid rgba(108,135,160,.25);border-radius:999px;padding:6px 9px}.service-card h3{margin-top:70px}.service-card i{width:38px;height:38px;border:1px solid rgba(19,120,232,.25);border-radius:50%;display:grid;place-items:center;bottom:22px;right:22px}
.solution-card{box-shadow:0 25px 60px rgba(19,120,232,.12),inset 0 1px rgba(255,255,255,.7)}
.station-photo,.operations-photo,.strategic-photo{position:relative;overflow:hidden;background-position:center;background-size:cover;border-radius:24px;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 65px rgba(0,0,0,.18)}
.station-photo{height:390px;background-image:url('https://images.unsplash.com/photo-1706329299293-61d3576215db?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=82&w=1600')}
.operations-photo{height:250px;margin:0 0 18px;background-image:url('https://images.unsplash.com/photo-1773946836383-96bc6114beb8?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=82&w=1600')}
.strategic-photo{height:330px;background-image:url('https://images.pexels.com/photos/36765719/pexels-photo-36765719.jpeg?cs=srgb&dl=pexels-silverkblack-36765719.jpg&fm=jpg')}
.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,30,.04),rgba(4,18,30,.62))}.photo-caption{position:absolute;left:22px;bottom:20px;color:#fff;font-size:9px;letter-spacing:.18em;font-weight:800}.strategic-photo .photo-caption{font-size:8px}.operations-feature{margin-top:18px}
.mode-grid article{border-radius:18px;min-height:260px;position:relative;overflow:hidden}.mode-grid article:before{content:"";position:absolute;right:-35px;bottom:-45px;width:140px;height:140px;border-radius:50%;border:1px solid rgba(19,120,232,.15);box-shadow:0 0 0 30px rgba(19,120,232,.025)}
.trans-card{border-radius:20px;position:relative;overflow:hidden;text-align:left}.trans-card h3{color:#12314a}.trans-card b{color:#176fd1}.strategic-copy{max-width:850px}
.modules button{background:linear-gradient(145deg,rgba(21,48,74,.96),rgba(9,29,48,.98));border-color:rgba(122,176,230,.22);border-radius:12px;box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 25px rgba(0,0,0,.08)}.modules button:hover{box-shadow:0 12px 30px rgba(0,0,0,.2)}
@media(max-width:800px){.station-photo{height:300px}.strategic-photo{height:260px}.operations-photo{height:210px}}

/* V4.7 — premium visual pass: stronger brand, editorial imagery, deeper cards */
:root{--navy:#081c2e;--navy2:#0d2d4b;--blue:#1479e8;--cyan:#27d7e8;--gold:#b99655}
.header{background:rgba(6,23,39,.985);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.nav{height:82px}.logo{display:flex;align-items:center}.logo img{width:205px;height:auto;max-height:62px;filter:none}.nav nav{gap:27px;font-size:12px}.pill{padding:10px 18px;border-color:rgba(159,194,224,.58);background:rgba(255,255,255,.025)}
.brand-watermark{opacity:.035;right:-150px;width:680px}
.tech-watermark{opacity:.075}.tech-watermark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(19,120,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(19,120,232,.08) 1px,transparent 1px);background-size:120px 120px;mask-image:linear-gradient(90deg,transparent 0%,black 50%,transparent 100%)}
.tech-watermark:after{content:"";position:absolute;right:8%;top:18%;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:-260px 150px 0 -3px var(--blue),-430px 360px 0 -5px var(--cyan),120px 420px 0 -4px var(--blue);opacity:.65}
.tech-watermark i:nth-of-type(1){width:760px;left:-160px;top:31%;transform:rotate(-20deg)}.tech-watermark i:nth-of-type(2){width:740px;right:-180px;bottom:28%;transform:rotate(21deg)}
.soft,.section-white,.white-panel,.light{position:relative}.soft:before,.section-white:before,.white-panel:before,.light:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(37,214,231,.09),transparent 26%),radial-gradient(circle at 92% 84%,rgba(19,120,232,.08),transparent 30%);mix-blend-mode:multiply}

/* BPO: a true feature section instead of a flat list */
.bpo-premium{padding:118px 0 100px;background:linear-gradient(135deg,#f9fbfc 0%,#eef3f7 48%,#dce6ee 100%);position:relative;overflow:hidden}
.bpo-premium:before{content:"";position:absolute;width:650px;height:650px;right:-300px;top:-230px;border-radius:50%;border:1px solid rgba(19,120,232,.10);box-shadow:0 0 0 80px rgba(19,120,232,.025),0 0 0 160px rgba(37,214,231,.018)}
.bpo-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:stretch;position:relative;z-index:1}.bpo-copy{padding:16px 0 8px}.bpo-copy h2{font-size:clamp(48px,5.8vw,78px);line-height:.94;letter-spacing:-.055em;margin:15px 0 25px}.bpo-copy h2 em{font-style:normal;color:#1b72c9}.bpo-copy>p{max-width:640px;color:#62758a;font-size:17px}.bpo-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.bpo-proof span{padding:8px 12px;border:1px solid rgba(19,120,232,.18);background:rgba(255,255,255,.62);border-radius:999px;color:#46637d;font-size:9px;font-weight:800;letter-spacing:.14em}.bpo-photo{min-height:405px;border-radius:28px;position:relative;overflow:hidden;background-image:url('https://images.pexels.com/photos/7433865/pexels-photo-7433865.jpeg?cs=srgb&dl=pexels-vlada-karpovich-7433865.jpg&fm=jpg');background-position:center;background-size:cover;box-shadow:0 30px 70px rgba(7,26,43,.22);border:1px solid rgba(255,255,255,.75)}.bpo-photo .image-overlay{background:linear-gradient(180deg,rgba(4,18,30,.02),rgba(4,18,30,.62))}.bpo-photo .photo-caption{left:24px;bottom:22px}
.bpo-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:34px;position:relative;z-index:1}.bpo-grid button{min-height:145px;text-align:left;border:1px solid rgba(116,145,170,.26);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(226,234,241,.86));padding:24px 52px 24px 24px;position:relative;cursor:pointer;box-shadow:0 13px 32px rgba(7,26,43,.07);transition:.22s}.bpo-grid button:hover{transform:translateY(-6px);border-color:rgba(19,120,232,.4);box-shadow:0 25px 48px rgba(7,26,43,.13)}.bpo-grid strong{display:block;font-size:18px;color:#10283d;margin-bottom:9px}.bpo-grid span{display:block;color:#64788b;font-size:11px;max-width:520px}.bpo-grid i{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(19,120,232,.24);color:#1775d4;font-style:normal}

/* Training: dark editorial block with a real image */
.training{padding:112px 0 92px;position:relative;overflow:hidden;background:linear-gradient(120deg,#061727 0%,#09233b 58%,#0d3150 100%)}.training:before{content:"";position:absolute;width:720px;height:720px;right:-300px;top:-240px;border-radius:50%;border:1px solid rgba(143,192,255,.18);box-shadow:0 0 0 80px rgba(37,214,231,.025),0 0 0 160px rgba(19,120,232,.018)}.training-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative;z-index:1}.training h2{font-size:clamp(45px,5.5vw,72px);line-height:.96;letter-spacing:-.055em;margin:10px 0 20px}.training h2 em{font-style:normal;color:#8fc0ff}.training p{max-width:650px;color:#a9bccd;font-size:16px}.training-photo{height:350px;border-radius:26px;overflow:hidden;position:relative;background-image:url('https://images.pexels.com/photos/3183186/pexels-photo-3183186.jpeg?cs=srgb&dl=pexels-fauxels-3183186.jpg&fm=jpg');background-size:cover;background-position:center;box-shadow:0 30px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14)}.training-photo .image-overlay{background:linear-gradient(180deg,rgba(4,18,30,.02),rgba(4,18,30,.72))}.training .tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.training .tags span{padding:9px 12px;border:1px solid rgba(143,192,255,.18);background:rgba(255,255,255,.035);border-radius:999px;color:#c1d0dc;font-size:10px}

/* More visual hierarchy for capability and solution cards */
.cap{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(218,228,237,.90));border-color:rgba(91,123,151,.25)}.cap:nth-child(1){background:linear-gradient(145deg,#fff,#e8f3fc)}.cap:nth-child(3){background:linear-gradient(145deg,#fff,#edf0f6)}.cap:nth-child(5){background:linear-gradient(145deg,#fff,#f0eee8)}
.solution{border-radius:26px!important;box-shadow:0 24px 65px rgba(7,26,43,.15)!important}.hero-solution{background:linear-gradient(145deg,#0a2238,#0b3150)!important;border:1px solid rgba(128,188,242,.28)!important}.soon{background:linear-gradient(145deg,#fdfcf9,#ece9df)!important;border:1px solid rgba(185,150,85,.32)!important}.hero-solution .sol-top,.soon .sol-top{font-size:9px;letter-spacing:.16em}.hero-solution h3{font-size:43px!important}.soon h3{font-size:42px!important;color:#8e6f32!important}.co2{font-size:130px!important;opacity:.10!important;right:28px!important;top:65px!important}

/* Strategic consulting image becomes a real visual anchor */
.strategic{position:relative;overflow:hidden}.strategic-head{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.strategic-photo{height:380px!important;border-radius:26px!important}.strategic-copy{font-size:15px;line-height:1.75;margin:35px 0 32px;color:#506579}

/* Modal and back links feel intentional, not like utility text */
.back-link{opacity:.82;transition:.2s}.back-link:hover{opacity:1;transform:translateX(3px)}

@media(max-width:900px){.nav{height:76px}.logo img{width:180px}.bpo-hero,.training-layout,.strategic-head{grid-template-columns:1fr;gap:34px}.bpo-photo{min-height:320px}.training-photo{height:290px}.strategic-photo{height:300px!important}.bpo-grid{grid-template-columns:1fr!important}}
@media(max-width:560px){.nav{height:70px}.logo img{width:155px}.bpo-premium,.training{padding:78px 0}.bpo-copy h2{font-size:50px}.bpo-photo{min-height:270px;border-radius:20px}.training-photo{height:245px;border-radius:20px}.strategic-photo{height:245px!important;border-radius:20px!important}.bpo-grid button{min-height:130px}.bpo-proof span{font-size:8px}.hero-solution h3,.soon h3{font-size:35px!important}}

/* =========================================================
   V4.8 — ART DIRECTION PASS
   Stronger brand presence · editorial typography · richer cards
   ========================================================= */

:root{
  --ink:#102c43;
  --ink-2:#183b55;
  --muted:#60778c;
  --muted-2:#7f93a5;
  --blue:#1478e7;
  --cyan:#26d7e8;
  --navy:#081d31;
  --navy2:#0d2f4d;
  --line:#d7e1e9;
  --paper:#f4f7f9;
  --gold:#b99555;
}
html{font-family:'Plus Jakarta Sans',Arial,sans-serif}
body{font-family:'Plus Jakarta Sans',Arial,sans-serif;color:var(--ink);background:#f7f9fb}
h1,h2,h3,h4,.hero h1,.intro-head h2,.architecture h2,.service-head h2,.training h2,.solutions h2,.strategic h2,.cta h2,.operations-feature h2,.bpo-copy h2{font-family:'Manrope',Arial,sans-serif}

/* Header: PRIME is now unmistakable */
.header{background:rgba(6,22,37,.985);box-shadow:0 12px 36px rgba(2,14,26,.18)}
.nav{height:88px}
.logo{width:220px;min-width:220px}
.logo img{width:196px;height:auto;max-height:68px;object-fit:contain;display:block}
.nav nav{font-size:11.5px;letter-spacing:.005em;gap:28px;color:#cdd9e3}
.nav nav a{transition:color .2s ease,transform .2s ease}.nav nav a:hover{color:#fff;transform:translateY(-1px)}
.pill{padding:11px 20px;border-color:rgba(150,193,226,.55);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.micro-in{padding:7px 0}.micro{font-size:8.5px;letter-spacing:.22em}

/* A quieter, more premium tech watermark */
.tech-watermark{opacity:.095!important}.brand-watermark{opacity:.025!important}
.tech-watermark:before{background-size:150px 150px!important;opacity:.65}
.tech-watermark:after{filter:blur(.1px);opacity:.7}

/* Typography / section rhythm */
.section-label,.kicker{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:700;letter-spacing:.22em}
.intro-head h2,.architecture h2,.service-head h2,.strategic h2{color:#102c43}
.intro-head>p,.service-head>p{color:#5e7489}
.service-head{margin-bottom:42px}

/* Premium service ribbon */
.service-ribbon{height:54px;margin:24px 0 38px;padding:0 18px;border:1px solid rgba(38,113,166,.18);border-radius:15px;background:linear-gradient(100deg,rgba(255,255,255,.95),rgba(231,241,248,.72));display:flex;align-items:center;gap:18px;position:relative;overflow:hidden;box-shadow:0 12px 28px rgba(7,28,46,.06)}
.service-ribbon:before{content:"";width:7px;height:30px;border-radius:10px;background:linear-gradient(180deg,var(--blue),var(--cyan));box-shadow:0 0 20px rgba(38,215,232,.35)}
.service-ribbon span{font-family:'Manrope';font-size:12px;font-weight:800;letter-spacing:.12em;color:#1a5fa8}
.service-ribbon b{font-size:9px;letter-spacing:.15em;color:#73889a}
.service-ribbon i{margin-left:auto;width:160px;height:1px;background:linear-gradient(90deg,rgba(20,120,231,.0),rgba(20,120,231,.35),rgba(38,215,232,.0));position:relative}
.service-ribbon i:after{content:"";position:absolute;right:22px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(38,215,232,.65)}

/* Capability cards: editorial, not generic boxes */
.caps{gap:14px}
.cap{border-radius:22px!important;min-height:300px!important;padding:25px!important;background:linear-gradient(150deg,#ffffff 0%,#edf4f8 100%)!important;border:1px solid rgba(87,125,153,.22)!important;box-shadow:0 18px 42px rgba(9,31,49,.08)!important}
.cap:after{content:"";position:absolute;right:-55px;top:-55px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(20,120,231,.12);box-shadow:0 0 0 28px rgba(20,120,231,.025),0 0 0 56px rgba(38,215,232,.018)}
.cap:before{height:160px;background:radial-gradient(circle,rgba(20,120,231,.15),transparent 67%)}
.cap:hover{transform:translateY(-9px)!important;box-shadow:0 28px 58px rgba(9,31,49,.15)!important}
.cap span{font-size:8px;color:#2d73b6;letter-spacing:.18em;position:relative;z-index:2}
.cap h3{font-size:21px;letter-spacing:-.025em;color:#102c43;margin-top:72px!important;position:relative;z-index:2}
.cap small{display:block;color:#72879a;font-size:9px;line-height:1.5;margin-top:9px;position:relative;z-index:2;max-width:170px}
.cap i{width:38px;height:38px;border-radius:50%;border:1px solid rgba(20,120,231,.24);display:grid;place-items:center;background:rgba(255,255,255,.55);z-index:3}
.cap:nth-child(2){background:linear-gradient(150deg,#fff,#eef8fa)!important}.cap:nth-child(2):before{background:radial-gradient(circle,rgba(38,215,232,.15),transparent 67%)}
.cap:nth-child(3){background:linear-gradient(150deg,#fff,#f2f5fa)!important}.cap:nth-child(4){background:linear-gradient(150deg,#fff,#f2f1f6)!important}.cap:nth-child(5){background:linear-gradient(150deg,#fff,#f7f3ea)!important}

/* Service cards become large editorial panels */
.service-cards{gap:16px}
.service-card{border-radius:24px!important;min-height:350px!important;padding:30px!important;background:linear-gradient(150deg,#fff 0%,#eaf2f7 100%)!important;border-color:rgba(82,119,148,.23)!important;box-shadow:0 20px 50px rgba(7,27,45,.09)!important}
.service-card:before{width:100%;height:4px;bottom:auto;right:0;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:1}
.service-card:after{content:"";position:absolute;right:-70px;top:40px;width:210px;height:210px;border:1px solid rgba(20,120,231,.10);border-radius:50%;box-shadow:0 0 0 35px rgba(20,120,231,.025),0 0 0 70px rgba(38,215,232,.014)}
.service-card h3{font-size:28px!important;line-height:1.02!important;color:#12324a!important;letter-spacing:-.035em;margin:82px 0 15px!important;position:relative;z-index:2}
.service-card p{font-size:11px;line-height:1.7;color:#60768a;max-width:210px;position:relative;z-index:2}
.card-mark{font-size:8px!important;color:#316f9f!important;background:rgba(255,255,255,.65);position:relative;z-index:2}
.service-card i{z-index:4;width:42px;height:42px;background:#fff;border-color:rgba(20,120,231,.22);box-shadow:0 8px 20px rgba(7,27,45,.08)}
.service-card:hover{transform:translateY(-10px)!important;box-shadow:0 30px 62px rgba(7,27,45,.16)!important}
.service-card:nth-child(2):before{background:linear-gradient(90deg,#147f9a,#26d7e8)}
.service-card:nth-child(3):before{background:linear-gradient(90deg,#7256a5,#b99555)}
.service-card:nth-child(4):before{background:linear-gradient(90deg,#b99555,#e0c477)}
.service-card.solution-card{transform:translateY(-7px) scale(1.01)!important;background:linear-gradient(150deg,#fefefe,#e7f2fa)!important;box-shadow:0 28px 65px rgba(20,120,231,.15)!important}
.service-card.solution-card:hover{transform:translateY(-15px) scale(1.01)!important}

/* BPO: strong hero + younger professional imagery + designed cards */
.bpo-premium{padding:125px 0 105px!important;background:linear-gradient(135deg,#fbfcfd 0%,#eef4f7 48%,#dbe7ef 100%)!important}
.bpo-hero{grid-template-columns:1.03fr .97fr!important;gap:72px!important}
.bpo-copy{padding-top:10px}
.bpo-copy h2{font-size:clamp(52px,6.3vw,84px)!important;line-height:.91!important;letter-spacing:-.065em!important;color:#102c43!important}
.bpo-copy h2 em{color:#1578df!important}
.bpo-copy>p{font-size:16px!important;line-height:1.75!important;color:#60768a!important;max-width:620px}
.bpo-proof{gap:10px!important}.bpo-proof span{padding:9px 13px!important;background:rgba(255,255,255,.72)!important;color:#41627b!important;box-shadow:0 7px 18px rgba(8,28,46,.05)}
.bpo-photo{min-height:440px!important;border-radius:30px!important;background-image:url('https://images.pexels.com/photos/6340632/pexels-photo-6340632.jpeg?auto=compress&cs=tinysrgb&w=1600')!important;background-position:center 45%!important;box-shadow:0 35px 75px rgba(7,26,43,.2)!important}
.bpo-photo .image-overlay{background:linear-gradient(180deg,rgba(4,18,30,0) 30%,rgba(4,18,30,.68) 100%)!important}
.bpo-grid{gap:16px!important;margin-top:42px!important}
.bpo-card{min-height:180px!important;padding:27px 65px 25px 27px!important;border-radius:23px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(225,235,242,.92))!important;border:1px solid rgba(93,127,151,.24)!important;box-shadow:0 17px 40px rgba(7,26,43,.08)!important;display:grid!important;grid-template-columns:58px 1fr;gap:18px;align-items:start;position:relative;overflow:hidden;text-align:left}
.bpo-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--blue),var(--cyan))}
.bpo-card:after{content:"";position:absolute;right:-60px;bottom:-75px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(20,120,231,.10);box-shadow:0 0 0 35px rgba(20,120,231,.025)}
.bpo-card:hover{transform:translateY(-8px)!important;box-shadow:0 28px 55px rgba(7,26,43,.14)!important;border-color:rgba(20,120,231,.35)!important}
.bpo-symbol{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-family:'Manrope';font-size:22px;font-weight:800;color:#fff;background:linear-gradient(145deg,#1678e6,#24cfe0);box-shadow:0 10px 22px rgba(20,120,231,.22);position:relative;z-index:2}
.bpo-card small{display:block;font-size:7px;letter-spacing:.16em;color:#668198;font-weight:800;margin:1px 0 7px}.bpo-card strong{display:block;font-family:'Manrope';font-size:19px;color:#102c43;letter-spacing:-.02em;margin-bottom:8px}.bpo-card p{font-size:10.5px;line-height:1.65;color:#657b8e;max-width:410px;margin:0;position:relative;z-index:2}.bpo-card i{position:absolute!important;right:20px!important;top:20px!important;transform:none!important;width:35px!important;height:35px!important;border-radius:50%!important;background:rgba(255,255,255,.7)!important;border:1px solid rgba(20,120,231,.2)!important;color:#1578df!important;display:grid!important;place-items:center!important;z-index:4}
.bpo-tax:before{background:linear-gradient(180deg,#14869b,#26d7e8)}.bpo-tax .bpo-symbol{background:linear-gradient(145deg,#138a9e,#26d7e8)}
.bpo-fin:before{background:linear-gradient(180deg,#5f6fb0,#8198d4)}.bpo-fin .bpo-symbol{background:linear-gradient(145deg,#56699f,#8198d4)}
.bpo-account:before{background:linear-gradient(180deg,#a77d39,#d3ae68)}.bpo-account .bpo-symbol{background:linear-gradient(145deg,#9a753a,#c6a15d)}

/* Fuel Retail: actual image replaces the flat illustration */
.station-visual{height:430px!important;border-radius:30px!important;position:relative!important;overflow:hidden!important;background-image:url('https://images.unsplash.com/photo-1706329299293-61d3576215db?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=82&w=1600')!important;background-position:center!important;background-size:cover!important;box-shadow:0 35px 75px rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.16)!important}
.station-visual .image-overlay{background:linear-gradient(180deg,rgba(4,18,30,.02),rgba(4,18,30,.72))!important}
.station-badge{position:absolute;left:24px;bottom:24px;color:#fff;padding:17px 19px;border-radius:18px;background:rgba(6,23,39,.66);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,0,0,.22)}
.station-badge span{display:block;font-size:7px;letter-spacing:.2em;color:#8fd2ff;font-weight:800}.station-badge strong{display:block;font:800 34px 'Manrope';letter-spacing:-.04em}.station-badge small{display:block;font-size:7px;line-height:1.5;letter-spacing:.13em;color:#b9cbd9;margin-top:2px}

/* Training: younger team image and more editorial composition */
.training-photo{background-image:url('https://images.pexels.com/photos/6914055/pexels-photo-6914055.jpeg?auto=compress&cs=tinysrgb&w=1600')!important;background-position:center!important}
.training h2{color:#fff!important}.training h2 em{color:#8fd0ff!important}

/* Strategic: younger diverse team */
.strategic-photo{background-image:url('https://images.pexels.com/photos/7652058/pexels-photo-7652058.jpeg?auto=compress&cs=tinysrgb&w=1600')!important;background-position:center!important}

/* Strategic cards */
.transversal-grid{gap:16px!important}
.trans-card{min-height:265px!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#eaf1f6)!important;border:1px solid rgba(91,123,151,.22)!important;box-shadow:0 16px 38px rgba(7,26,43,.07)!important;padding:28px!important}
.trans-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.75}.trans-card:nth-child(3):before{background:linear-gradient(90deg,#6579b4,#8da4dc)}.trans-card:nth-child(4):before{background:linear-gradient(90deg,#7756a2,#b99555)}.trans-card:nth-child(5):before{background:linear-gradient(90deg,#b99555,#dfc274)}
.trans-card h3{font-family:'Manrope';font-size:21px!important;color:#102c43!important;letter-spacing:-.025em}.trans-card p{font-size:11px!important;line-height:1.7!important;color:#63798d!important}.trans-card b{font-size:10px!important}

/* Modal typography and controls */
.modal-box h2{font-family:'Manrope';color:#102c43;letter-spacing:-.04em}.modal-box p,.modal-box li{color:#5e7489}

/* Mobile */
@media(max-width:900px){.logo{width:190px;min-width:190px}.logo img{width:180px}.bpo-hero{grid-template-columns:1fr!important}.bpo-photo{min-height:340px!important}.bpo-grid{grid-template-columns:1fr!important}.station-visual{height:330px!important}.service-ribbon b{display:none}}
@media(max-width:560px){.logo{width:160px;min-width:160px}.logo img{width:155px}.nav{height:74px}.bpo-premium{padding:85px 0!important}.bpo-copy h2{font-size:50px!important}.bpo-photo{min-height:280px!important;border-radius:22px!important}.bpo-card{grid-template-columns:48px 1fr;padding:22px 52px 22px 20px!important}.bpo-symbol{width:42px;height:42px;border-radius:13px}.station-visual{height:280px!important;border-radius:22px!important}.service-ribbon{margin-bottom:25px}}


/* V4.9 — legibilidad + cromatismo editorial */
:root{
  --ink:#173149;
  --muted:#60788d;
  --blue-deep:#1d5f9f;
  --slate:#46647d;
  --cyan-deep:#168ca0;
  --violet:#665b9c;
}
body{font-size:16px;color:var(--ink)}
.nav nav{font-size:13px;color:#d4dee7}
.micro{font-size:9.5px}
.logo{width:230px;min-width:230px}.logo img{width:210px;max-height:72px}

/* Larger readable supporting text */
.intro-head>p,.service-head>p{font-size:18px;line-height:1.72;color:#526b81}
.value-grid h3{font-size:25px;color:#244b68}.value-grid p{font-size:14.5px;line-height:1.65;color:#61798d}
.architecture-copy{font-size:16px;line-height:1.72;color:#60798e}
.caps-intro{font-size:15.5px;line-height:1.72;color:#60798e}
.field-card span{font-size:13.5px;line-height:1.65;color:#60788d}.field-card b{font-size:12.5px}

/* Controlled color hierarchy — not everything is black */
.intro-head h2{color:#173e5b}
.architecture h2{color:#214b6a}.architecture h2 em{color:#1d75bd}
.service-head h2{color:#1e4967}.service-head h2 em{color:#267da7}
.specialization h3{color:#b8d0e3}.specialization p{font-size:16px;line-height:1.75}
.operations-feature h2{color:#eaf4fa}.operations-feature h3{color:#9bc6dd}

/* Capability cards */
.cap span,.card-mark{font-size:9.5px!important}
.cap h3{font-size:23px!important;color:#204d6d!important}
.cap small{font-size:11px!important;color:#667f93!important}
.cap:nth-child(2) h3{color:#177b91!important}.cap:nth-child(3) h3{color:#315b91!important}.cap:nth-child(4) h3{color:#66568e!important}.cap:nth-child(5) h3{color:#8b6b35!important}

/* Service cards */
.service-card h3{font-size:30px!important;color:#204a67!important}
.service-card:nth-child(2) h3{color:#16768b!important}.service-card:nth-child(3) h3{color:#67578f!important}.service-card:nth-child(4) h3{color:#8b6c36!important}
.service-card p{font-size:13px!important;line-height:1.7!important;color:#5d7488!important;max-width:235px}
.card-mark{letter-spacing:.13em!important}

/* BPO readability */
.bpo-copy>p{font-size:18px!important;line-height:1.72!important;color:#5b7286!important}
.bpo-proof span{font-size:10.5px!important}
.bpo-card small{font-size:8.5px!important}.bpo-card strong{font-size:21px!important}.bpo-card p{font-size:12.5px!important;line-height:1.7!important;color:#5e7589!important}
.bpo-card:nth-child(2) strong{color:#15758a}.bpo-card:nth-child(3) strong{color:#4f6398}.bpo-card:nth-child(4) strong{color:#8a6b38}

/* Fuel Retail */
.station-badge span{font-size:8.5px}.station-badge small{font-size:8.5px}.station-badge strong{font-size:38px}
.mini-card h3{color:#214e6d}.mini-card p{font-size:13px;line-height:1.7;color:#5e768a}.mini-card b{font-size:11.5px}

/* Training / strategic */
.training p{font-size:17px;line-height:1.75;color:#b9cad7}.training .tags span{font-size:11px}
.strategic-copy{font-size:16px;line-height:1.8;color:#587084}
.trans-card h3{font-size:23px!important;color:#214d6a!important}.trans-card p{font-size:12.5px!important;line-height:1.75!important;color:#60788b!important}.trans-card b{font-size:11.5px!important}

/* Modal / footer */
.modal-box p,.modal-box li{font-size:15px;line-height:1.7;color:#5b7287}
.back-link{font-size:12px}
.text-link{font-size:13px}

/* Keep small labels intentionally small, but readable */
.section-label{font-size:10.5px!important}
.kicker{font-size:11px!important}
.service-ribbon b{font-size:10px}.service-ribbon span{font-size:13px}

@media(max-width:900px){.logo{width:205px;min-width:205px}.logo img{width:190px}.nav nav{font-size:12px}}
@media(max-width:560px){.logo{width:170px;min-width:170px}.logo img{width:165px}.intro-head>p,.service-head>p{font-size:16px}.bpo-copy>p{font-size:16px!important}.service-card p{font-size:12.5px!important}.cap h3{font-size:22px!important}}

/* =========================================================
   PRIME® V4.10 — ITERACIÓN ACUMULATIVA DE DIRECCIÓN DE ARTE
   Objetivo: conservar V4.9 y corregir los puntos señalados,
   sin deshacer decisiones aprobadas.
   ========================================================= */

/* 01 — Logo: contraste correcto y presencia de marca */
.header .logo img{content:url('assets/prime-logo-dark.png')!important;width:214px!important;max-height:70px!important;object-fit:contain!important}
.header .logo{width:242px!important;min-width:242px!important}

/* 02 — Arquitectura: convertir la navegación en una pieza editorial */
.architecture{padding-top:125px!important}
.architecture .section-label{font-size:12px!important;color:#2b76b4!important;letter-spacing:.24em!important}
.architecture h2{font-size:clamp(46px,5.5vw,70px)!important;line-height:.98!important;margin-bottom:18px!important}
.architecture-copy{font-size:18px!important;line-height:1.7!important;max-width:850px!important;color:#557089!important}
.flow3d{height:555px!important;margin-top:62px!important}
.core-card{width:360px!important;height:190px!important;padding:34px 30px!important;border-radius:26px!important;background:linear-gradient(145deg,#ffffff 0%,#eaf3f9 100%)!important;box-shadow:0 32px 70px rgba(7,26,43,.15)!important}
.core-card span{font-size:12px!important;letter-spacing:.25em!important}
.core-card strong{font-size:27px!important;line-height:1.02!important;margin:16px 0 13px!important;letter-spacing:-.035em!important;color:#143b58!important}
.core-card small{font-size:12px!important;color:#617b91!important}
.field-card{top:300px!important;min-height:185px!important;padding:30px!important;border-radius:25px!important;box-shadow:0 25px 55px rgba(7,26,43,.10)!important}
.field-card small{font-size:10px!important;letter-spacing:.22em!important}
.field-card strong{font-size:29px!important;line-height:1.02!important;margin:15px 0 10px!important;color:#173f5c!important}
.field-card span{font-size:15.5px!important;line-height:1.6!important;max-width:430px!important}
.field-card b{font-size:13px!important;margin-top:20px!important}
.field-card.fuel{background:linear-gradient(145deg,#fff 0%,#eaf5fb 100%)!important}
.field-card.transversal{background:linear-gradient(145deg,#fff 0%,#eef2fa 100%)!important}
.connector{top:212px!important;width:25%!important;height:2px!important}

/* 03 — Capacidades: más impacto, menos apariencia de "cajón" */
.caps-label{margin-top:40px!important;font-size:12px!important;color:#1d679f!important}
.caps-intro{font-size:18px!important;line-height:1.72!important;max-width:980px!important;margin-bottom:32px!important;color:#557089!important}
.caps{gap:16px!important}
.cap{min-height:335px!important;padding:29px!important;border-radius:25px!important;box-shadow:0 20px 48px rgba(9,31,49,.10)!important;background:linear-gradient(150deg,#fff 0%,#edf5f9 100%)!important}
.cap:before{inset:auto -45px -80px -45px!important;height:190px!important;background:radial-gradient(circle,rgba(37,214,231,.15),transparent 65%)!important}
.cap:after{background:linear-gradient(145deg,rgba(255,255,255,.65),transparent 45%)!important}
.cap span{font-size:10.5px!important;line-height:1.45!important;letter-spacing:.18em!important}
.cap h3{font-size:27px!important;line-height:1.03!important;margin-top:96px!important;letter-spacing:-.035em!important}
.cap small{font-size:13px!important;line-height:1.5!important;max-width:190px!important;margin-top:12px!important}
.cap i{width:44px!important;height:44px!important;font-size:21px!important;right:22px!important;bottom:20px!important;background:rgba(255,255,255,.75)!important;box-shadow:0 8px 20px rgba(7,26,43,.07)!important}
.cap:nth-child(1){background:linear-gradient(145deg,#fff,#e8f3fc)!important}.cap:nth-child(2){background:linear-gradient(145deg,#fff,#e8f8f8)!important}.cap:nth-child(3){background:linear-gradient(145deg,#fff,#edf1f8)!important}.cap:nth-child(4){background:linear-gradient(145deg,#fff,#f0eef6)!important}.cap:nth-child(5){background:linear-gradient(145deg,#fff,#f5f0e6)!important}

/* 04 — Fuel Retail: mejor jerarquía y legibilidad */
.specialization h3{font-size:24px!important;color:#9fc9e5!important;letter-spacing:-.015em!important;margin:20px 0 12px!important}
.specialization p{font-size:18px!important;line-height:1.78!important;color:#aec0cf!important}
.mini-card{min-height:245px!important;padding:30px!important;border-radius:24px!important;background:linear-gradient(145deg,#fff,#edf4f8)!important;border:1px solid rgba(87,125,153,.24)!important;box-shadow:0 17px 42px rgba(7,26,43,.08)!important;position:relative;overflow:hidden;text-align:left!important}
.mini-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#1779e8,#27cfe0)}
.mini-card:nth-child(2):before{background:linear-gradient(180deg,#1591a5,#36d8e6)}.mini-card:nth-child(3):before{background:linear-gradient(180deg,#657bb5,#8ea7dd)}.mini-card:nth-child(4):before{background:linear-gradient(180deg,#7357a2,#b99555)}.mini-card:nth-child(5):before{background:linear-gradient(180deg,#b48a42,#d9bd79)}
.mini-card h3{font-size:24px!important;line-height:1.08!important;margin-bottom:13px!important}.mini-card p{font-size:15px!important;line-height:1.65!important;max-width:460px!important}.mini-card b{font-size:13px!important;margin-top:18px!important}

/* 05 — Consultoría Especializada: hilo conductor + tarjetas con argumento */
.modes{padding:118px 0!important}
.consultoria-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:end;margin-top:20px}
.consultoria-intro h2{font-family:'Manrope';font-size:clamp(42px,4.7vw,64px);line-height:1.02;letter-spacing:-.055em;color:#173e5b;margin:0}
.consultoria-intro h2 em{font-style:normal;color:#197ab0}
.consultoria-intro p{font-size:19px;line-height:1.72;color:#5c748a;margin:0;max-width:570px}
.mode-grid{gap:16px!important;margin-top:48px!important}
.mode-grid article{min-height:285px!important;padding:30px!important;border-radius:24px!important;background:linear-gradient(150deg,#fff,#edf3f7)!important;box-shadow:0 20px 45px rgba(7,26,43,.08)!important;border-color:rgba(87,125,153,.22)!important;position:relative;overflow:hidden}
.mode-grid article:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,#1779e8,#29cde0)}
.mode-grid article:nth-child(2):before{background:linear-gradient(90deg,#1691a3,#39d6e4)}.mode-grid article:nth-child(3):before{background:linear-gradient(90deg,#6378b2,#91a6da)}.mode-grid article:nth-child(4):before{background:linear-gradient(90deg,#a17a3d,#d3b269)}
.mode-grid article:after{display:none!important}
.mode-grid h3{font-size:34px!important;line-height:1!important;color:#244e6b!important;margin:38px 0 18px!important}
.mode-grid article:nth-child(2) h3{color:#17778a!important}.mode-grid article:nth-child(3) h3{color:#4e6297!important}.mode-grid article:nth-child(4) h3{color:#8b6a34!important}
.mode-grid p{font-size:16px!important;line-height:1.72!important;color:#60788d!important;max-width:270px!important}

/* 06 — BPO: cada tarjeta organiza su mensaje; eliminar "símbolos sucios" */
.bpo-card{min-height:210px!important;padding:29px 32px!important;display:block!important;border-radius:25px!important;background:linear-gradient(145deg,#fff,#e9f1f6)!important}
.bpo-card:after{right:-80px!important;bottom:-95px!important;width:230px!important;height:230px!important;box-shadow:0 0 0 45px rgba(20,120,231,.022)!important}
.bpo-symbol{width:auto!important;height:auto!important;display:inline-flex!important;padding:7px 11px!important;border-radius:999px!important;font-size:9px!important;letter-spacing:.16em!important;line-height:1!important;box-shadow:none!important;margin-bottom:24px!important;background:rgba(19,120,232,.10)!important;color:#176fba!important;border:1px solid rgba(19,120,232,.15)!important}
.bpo-card>div{display:block!important;position:relative!important;z-index:2!important}
.bpo-card small{font-size:9.5px!important;letter-spacing:.18em!important;margin-bottom:9px!important;color:#5f7890!important}
.bpo-card strong{font-size:25px!important;line-height:1.08!important;margin-bottom:12px!important;color:#173f5c!important}
.bpo-card p{font-size:15px!important;line-height:1.62!important;max-width:500px!important;color:#60788d!important}
.bpo-card i{right:20px!important;top:auto!important;bottom:20px!important;width:40px!important;height:40px!important}
.bpo-tax .bpo-symbol{background:rgba(22,145,164,.10)!important;color:#147e8f!important}.bpo-fin .bpo-symbol{background:rgba(96,117,174,.11)!important;color:#53689d!important}.bpo-account .bpo-symbol{background:rgba(178,139,66,.12)!important;color:#927033!important}

/* 07 — Training / Strategic: más lectura y menos gris */
.training p{font-size:18px!important;line-height:1.75!important;color:#c1cfda!important}
.strategic .lead{font-size:26px!important;line-height:1.35!important;color:#244f6c!important}
.strategic-copy{font-size:18px!important;line-height:1.78!important;color:#5a7186!important;max-width:1000px!important}
.trans-card{min-height:300px!important;padding:30px!important;border-radius:24px!important}
.trans-card h3{font-size:25px!important;line-height:1.08!important;margin-bottom:17px!important}.trans-card p{font-size:15px!important;line-height:1.68!important;color:#60788d!important}.trans-card b{font-size:13px!important}

/* 08 — Navegación secundaria: menos diminuta */
.back-link{font-size:13px!important;letter-spacing:.005em!important}
.text-link{font-size:14px!important}

@media(max-width:900px){
 .header .logo{width:205px!important;min-width:205px!important}.header .logo img{width:190px!important}
 .consultoria-intro{grid-template-columns:1fr;gap:24px}
 .caps{grid-template-columns:repeat(2,1fr)}
 .flow3d{height:680px!important}.core-card{width:330px!important}.field-card{width:47%!important}
 .mode-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 .header .logo{width:165px!important;min-width:165px!important}.header .logo img{width:155px!important}
 .caps{grid-template-columns:1fr}.caps-intro{font-size:16px!important}
 .flow3d{height:760px!important}.core-card{width:290px!important;height:175px!important}.field-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;margin-top:18px;transform:none!important}.connector{display:none!important}
 .consultoria-intro h2{font-size:42px!important}.consultoria-intro p{font-size:17px!important}.mode-grid{grid-template-columns:1fr}
 .bpo-card{min-height:205px!important}.bpo-card strong{font-size:22px!important}.bpo-card p{font-size:14px!important}
}


/* V4.11 — CAPACIDADES: ajuste acumulativo y específico.
   No modifica header, logo, arquitectura, Fuel Retail, servicios, modalidades ni soluciones. */
.caps{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:34px!important;
}
.cap{
  min-height:255px!important;
  padding:28px 29px 26px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  background:linear-gradient(145deg,#ffffff 0%,#edf5f9 100%)!important;
  border:1px solid rgba(62,112,151,.24)!important;
  box-shadow:0 16px 38px rgba(9,31,49,.09)!important;
}
.cap:before{
  inset:auto -50px -95px auto!important;
  width:240px!important;
  height:240px!important;
  background:radial-gradient(circle,rgba(37,214,231,.13),transparent 66%)!important;
}
.cap:after{
  right:-72px!important;
  top:-72px!important;
  width:205px!important;
  height:205px!important;
  border:1px solid rgba(19,120,232,.10)!important;
  box-shadow:0 0 0 28px rgba(19,120,232,.018),0 0 0 56px rgba(37,214,231,.012)!important;
  background:none!important;
}
.cap span{
  position:relative!important;
  z-index:2!important;
  font-size:10px!important;
  line-height:1.35!important;
  letter-spacing:.17em!important;
  color:#2876b5!important;
  margin-bottom:27px!important;
}
.cap h3{
  position:relative!important;
  z-index:2!important;
  margin:0 45px 14px 0!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  color:#174766!important;
}
.cap small{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  max-width:430px!important;
  margin:0 35px 0 0!important;
  font-size:15px!important;
  line-height:1.58!important;
  color:#5e778b!important;
}
.cap i{
  position:absolute!important;
  right:21px!important;
  bottom:20px!important;
  z-index:3!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  font-size:20px!important;
  color:#257bc6!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(37,123,198,.20)!important;
  box-shadow:0 8px 18px rgba(7,26,43,.08)!important;
}
.cap:nth-child(2){background:linear-gradient(145deg,#ffffff 0%,#edf8f8 100%)!important}
.cap:nth-child(2) span{color:#178495!important}.cap:nth-child(2) h3{color:#167286!important}.cap:nth-child(2) i{color:#16899a!important}
.cap:nth-child(3){background:linear-gradient(145deg,#ffffff 0%,#eef2fa 100%)!important}
.cap:nth-child(3) span{color:#516ca4!important}.cap:nth-child(3) h3{color:#355d9a!important}.cap:nth-child(3) i{color:#4e6fae!important}
.cap:nth-child(4){background:linear-gradient(145deg,#ffffff 0%,#f1eef7 100%)!important}
.cap:nth-child(4) span{color:#70579c!important}.cap:nth-child(4) h3{color:#5e4d8d!important}.cap:nth-child(4) i{color:#735ba0!important}
.cap:nth-child(5){background:linear-gradient(145deg,#ffffff 0%,#f6f1e8 100%)!important}
.cap:nth-child(5) span{color:#9a7433!important}.cap:nth-child(5) h3{color:#8a682e!important}.cap:nth-child(5) i{color:#a27b35!important}
.cap:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 24px 52px rgba(9,31,49,.14)!important;
  border-color:rgba(43,121,184,.36)!important;
}
@media(max-width:1100px){
  .caps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .caps{grid-template-columns:1fr!important}
  .cap{min-height:230px!important}
  .cap h3{font-size:26px!important}
  .cap small{font-size:15px!important}
}

/* PRIME® V5 — consolidated visual overrides */
:root{--ink:#173b56;--ink-2:#294f69;--muted:#60798d;--blue:#1878df;--blue-2:#2a82c2;--cyan:#20bfd0;--violet:#665a98;--gold:#a9823c;--line:#cad8e3}
body{font-size:16px;color:var(--ink)}
.wrap{width:min(calc(100% - 56px),1220px)}
.header{background:rgba(6,24,40,.985)}
.logo{width:250px;min-width:250px}.logo img{width:220px;max-height:64px;object-fit:contain}
.nav{height:76px}.nav nav{font-size:13.5px;gap:27px}.pill{padding:10px 18px}
.section-label,.kicker{font-size:11px!important;letter-spacing:.22em!important}
.intro-head,.service-head{gap:65px}.intro-head>p,.service-head>p{font-size:18px;line-height:1.72}
.value-grid{margin-top:48px;gap:30px}.value-grid h3{font-size:27px}.value-grid p{font-size:15px;line-height:1.7}
.architecture{padding:92px 0 72px}.architecture h2{font-size:clamp(43px,5vw,68px)}.architecture-copy{font-size:17px;line-height:1.75;max-width:820px}
.flow3d{height:430px;margin-top:42px}.core-card{width:350px;height:150px;top:15px;padding:25px}.core-card strong{font-size:22px;margin:11px 0}.core-card small{font-size:11px}
.field-card{top:220px;width:44%;min-height:155px;padding:25px 28px;border-radius:22px}.field-card strong{font-size:27px}.field-card span{font-size:14px;line-height:1.6}.field-card b{font-size:13px;margin-top:14px}.connector{top:165px}
.caps-label{margin-top:10px}.caps-intro{font-size:16.5px;line-height:1.7;max-width:920px;margin-bottom:30px}
.caps{grid-template-columns:repeat(3,1fr)!important;gap:16px}.cap{min-height:225px!important;padding:27px!important;border-radius:22px!important}.cap span{font-size:10px!important;margin-bottom:25px!important}.cap h3{font-size:28px!important;margin:0 45px 14px 0!important}.cap small{font-size:15px!important;line-height:1.58!important;margin-right:25px!important}.cap i{width:40px;height:40px}
.specialization{padding:95px 0}.specialization h2{font-size:clamp(48px,5.8vw,76px)}.specialization h3{font-size:22px}.specialization p{font-size:17px;line-height:1.75}
.service-head{margin-bottom:42px}.service-head h2{font-size:clamp(43px,5vw,68px)}.fuel-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.mini-card{min-height:225px!important;padding:27px!important;border-radius:22px!important}.mini-card h3{font-size:25px!important}.mini-card p{font-size:15px!important;line-height:1.68!important}.mini-card b{font-size:12.5px!important}
.operations-feature{margin-top:28px!important;border-radius:28px!important;padding:38px!important}.operations-grid{gap:8px!important}.operations-grid span{font-size:12px!important;padding:11px 13px!important}
.service-cards{gap:16px}.service-card{min-height:285px!important;padding:27px!important;border-radius:23px!important}.service-card h3{font-size:31px!important;margin:58px 0 14px!important}.service-card p{font-size:14px!important;line-height:1.65!important;max-width:250px}
.modes{padding:92px 0!important}.consultoria-intro h2{font-size:clamp(38px,4.6vw,60px)!important;line-height:1.02!important;color:#214c69!important}.consultoria-intro h2 em{font-style:normal;color:#217db6!important}.consultoria-intro p{font-size:18px!important;line-height:1.72!important;color:#5c758a!important;max-width:900px!important;margin-top:22px!important}.mode-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin-top:40px!important}.mode-grid article{min-height:225px!important;padding:27px!important;border-radius:22px!important}.mode-grid h3{font-size:32px!important;margin:32px 0 14px!important}.mode-grid p{font-size:15px!important;line-height:1.68!important;max-width:280px!important}
.bpo-premium{padding:100px 0 88px!important}.bpo-copy h2{font-size:clamp(52px,6vw,82px)!important}.bpo-copy>p{font-size:18px!important;line-height:1.72!important;max-width:690px!important}.bpo-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;margin-top:44px!important}.bpo-card{display:block!important;min-height:205px!important;padding:28px 58px 26px 28px!important;border-radius:23px!important}.bpo-card .bpo-symbol{display:none!important}.bpo-card small{font-size:9.5px!important;letter-spacing:.16em!important;margin:0 0 9px!important}.bpo-card strong{font-size:25px!important;margin-bottom:10px!important}.bpo-card p{font-size:15px!important;line-height:1.68!important;max-width:540px!important}.bpo-card i{top:22px!important;right:22px!important}
.training h2,.solutions>div>h2{font-size:clamp(43px,5vw,68px)}.training p,.strategic-copy{font-size:18px!important;line-height:1.75!important}.solution{min-height:460px!important}.transversal-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.trans-card{min-height:255px!important;padding:28px!important;border-radius:23px!important}.trans-card h3{font-size:26px!important}.trans-card p{font-size:15px!important;line-height:1.68!important}
@media(max-width:1050px){.nav nav{gap:17px;font-size:12px}.logo{width:210px;min-width:210px}.logo img{width:190px}.caps,.fuel-grid,.transversal-grid{grid-template-columns:repeat(2,1fr)!important}.mode-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.wrap{width:min(calc(100% - 36px),1220px)}.logo{width:180px;min-width:180px}.logo img{width:165px}.intro-head,.service-head,.split,.training-layout,.bpo-hero{grid-template-columns:1fr!important;gap:35px}.flow3d{height:590px}.core-card{width:280px}.field-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;margin-top:25px;transform:none!important}.connector{display:none}.caps,.fuel-grid,.mode-grid,.bpo-grid,.transversal-grid,.service-cards{grid-template-columns:1fr!important}}


/* V5.1 correction — operation visual is independent from GREEN CO2 */
.ops-reference{
  border-left:1px solid rgba(128,180,225,.18)!important;
}
.ops-diagram{
  width:min(100%,330px);
  aspect-ratio:1/1;
  border:1px solid rgba(125,188,235,.32);
  border-radius:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 45%,rgba(37,214,231,.10),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
  box-shadow:0 22px 55px rgba(0,0,0,.16);
}
.ops-diagram:before,.ops-diagram:after{
  content:"";
  position:absolute;
  border:1px solid rgba(76,164,229,.20);
  border-radius:50%;
}
.ops-diagram:before{width:78%;height:78%}
.ops-diagram:after{width:50%;height:50%}
.ops-diagram-title{
  position:relative;
  z-index:2;
  color:#8fc7ed;
  font-size:13px;
  letter-spacing:.25em;
  font-weight:800;
  margin-bottom:13px;
}
.ops-diagram strong{
  position:relative;
  z-index:2;
  font-family:Manrope,Inter,sans-serif;
  font-size:34px;
  line-height:.95;
  letter-spacing:-.03em;
  color:#fff;
}
.ops-diagram span{
  position:relative;
  z-index:2;
  margin-top:17px;
  font-size:10px;
  letter-spacing:.18em;
  color:#9bb9cf;
}
.ops-diagram-lines i{
  position:absolute;
  width:42%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,214,231,.45),transparent);
  left:29%;
  top:50%;
}
.ops-diagram-lines i:nth-child(1){transform:rotate(25deg)}
.ops-diagram-lines i:nth-child(2){transform:rotate(-25deg)}
.ops-diagram-lines i:nth-child(3){transform:rotate(65deg);opacity:.45}
.ops-diagram-lines i:nth-child(4){transform:rotate(-65deg);opacity:.45}

/* GREEN CO2 FUEL — supplied reference image, integrated rather than decorative */
.green-reference{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:10px 0 14px;
  min-height:170px;
}
.green-reference img{
  width:min(100%,290px);
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 18px 40px rgba(74,55,12,.12);
}
.soon .co2{display:none!important}
.soon small{
  display:block;
  font-size:14px!important;
  line-height:1.6!important;
}
@media(max-width:900px){
  .ops-reference{border-left:0!important;border-top:1px solid rgba(128,180,225,.18)!important}
}


/* V5.2 — BPO operation: supplied reference used exactly as the right-side visual */
.operations-feature{grid-template-columns:minmax(0,1fr) minmax(360px,430px)!important;gap:34px!important;align-items:center!important}
.operations-feature .ops-reference{border-left:0!important;display:flex!important;justify-content:center!important;align-items:center!important;padding-left:0!important}
.operations-feature .ops-reference img{display:block!important;width:100%!important;max-width:430px!important;height:auto!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}
.ops-diagram{display:none!important}
@media(max-width:900px){.operations-feature{grid-template-columns:1fr!important}.operations-feature .ops-reference{padding-top:24px!important}.operations-feature .ops-reference img{max-width:520px!important;width:100%!important}}


/* ================================================================
   PRIME® V5.5 — AUDITED ITERATION
   Corrects the previously missed architecture feedback while
   preserving the consolidated V5/V5.2 content and visuals.
   ================================================================ */

/* 01 — ¿CÓMO TRABAJAMOS? : real organigram hierarchy */
.architecture{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.architecture:before{
  content:"";
  position:absolute;
  inset:150px -8% 20px;
  z-index:-1;
  pointer-events:none;
  opacity:.42;
  background:
    radial-gradient(circle at 17% 45%,rgba(32,191,208,.12) 0 2px,transparent 3px),
    radial-gradient(circle at 83% 45%,rgba(24,120,223,.11) 0 2px,transparent 3px),
    radial-gradient(circle at 50% 26%,rgba(24,120,223,.10) 0 2px,transparent 3px),
    linear-gradient(24deg,transparent 49.85%,rgba(24,120,223,.055) 50%,transparent 50.15%),
    linear-gradient(-24deg,transparent 49.85%,rgba(32,191,208,.045) 50%,transparent 50.15%);
  background-size:auto,auto,auto,100% 100%,100% 100%;
}
.architecture:after{
  content:"";
  position:absolute;
  right:-110px;
  top:235px;
  width:420px;
  height:420px;
  border:1px solid rgba(24,120,223,.055);
  border-radius:50%;
  box-shadow:0 0 0 55px rgba(24,120,223,.022),0 0 0 110px rgba(32,191,208,.014);
  z-index:-1;
  pointer-events:none;
}
.architecture .section-label{
  font-size:15px!important;
  color:#1778c8!important;
  letter-spacing:.24em!important;
  font-weight:800!important;
  margin-bottom:15px!important;
}
.architecture h2{margin-bottom:20px!important}
.architecture-copy{
  max-width:1040px!important;
  font-size:18px!important;
  line-height:1.72!important;
}

/* Central node: premium organigram/button treatment */
.flow3d{
  height:575px!important;
  margin-top:58px!important;
  perspective:none!important;
}
.core-card{
  left:50%!important;
  top:20px!important;
  transform:translateX(-50%)!important;
  width:405px!important;
  height:205px!important;
  padding:30px 34px!important;
  border-radius:22px!important;
  border:1px solid rgba(28,117,178,.34)!important;
  background:linear-gradient(145deg,#ffffff 0%,#edf5fa 100%)!important;
  box-shadow:0 22px 38px rgba(7,26,43,.13),0 8px 18px rgba(24,120,223,.07),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.core-card:after{
  inset:9px!important;
  border:1px solid rgba(19,120,232,.12)!important;
  border-radius:15px!important;
}
.core-card span{
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  color:#1675c4!important;
}
.core-card strong{
  font-size:32px!important;
  line-height:1.02!important;
  margin:17px 0 12px!important;
  letter-spacing:-.035em!important;
  color:#123d5a!important;
}
.core-card small{
  font-size:16px!important;
  line-height:1.4!important;
  color:#58738a!important;
}

/* Functional organigram connectors: vertical trunk + two branches */
.connector{
  z-index:1!important;
  background:none!important;
  pointer-events:none;
}
.connector.trunk{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:225px!important;
  width:2px!important;
  height:48px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,rgba(24,120,223,.75),rgba(24,120,223,.45))!important;
  box-shadow:0 0 10px rgba(24,120,223,.14);
}
.connector.c1,.connector.c2{
  top:272px!important;
  width:calc(25% - 5px)!important;
  height:2px!important;
  background:linear-gradient(90deg,rgba(24,120,223,.62),rgba(32,191,208,.36))!important;
  box-shadow:0 0 10px rgba(24,120,223,.08);
}
.connector.c1{
  left:25%!important;
  transform:none!important;
  transform-origin:left center!important;
}
.connector.c2{
  right:25%!important;
  transform:none!important;
  transform-origin:right center!important;
  background:linear-gradient(90deg,rgba(32,191,208,.36),rgba(24,120,223,.62))!important;
}
.connector.c1:before,.connector.c2:before,.connector.trunk:after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:#20bfd0;
  box-shadow:0 0 0 4px rgba(32,191,208,.08),0 0 12px rgba(32,191,208,.18);
}
.connector.c1:before{left:-3px;top:-3px;width:8px;height:8px}
.connector.c2:before{right:-3px;top:-3px;width:8px;height:8px}
.connector.trunk:after{left:-3px;bottom:-3px;width:8px;height:8px}

/* Field nodes: clearer hierarchy and stronger CTA */
.field-card{
  top:315px!important;
  width:44.5%!important;
  min-height:195px!important;
  padding:30px 32px!important;
  border-radius:22px!important;
  transform:none!important;
  box-shadow:0 20px 42px rgba(7,26,43,.10)!important;
}
.field-card:hover{transform:translateY(-7px)!important}
.field-card.fuel{left:1%!important}
.field-card.transversal{right:1%!important}
.field-card small{
  font-size:12px!important;
  letter-spacing:.2em!important;
  color:#1878df!important;
}
.field-card strong{
  font-size:31px!important;
  line-height:1.04!important;
  margin:13px 0 11px!important;
  color:#163f5c!important;
}
.field-card span{
  font-size:17px!important;
  line-height:1.6!important;
  max-width:510px!important;
  color:#58748b!important;
}
.field-card b{
  font-size:15px!important;
  line-height:1!important;
  margin-top:21px!important;
  color:#126fca!important;
  font-weight:800!important;
  letter-spacing:.01em;
}
.field-card b:after{
  content:"";
  display:block;
  width:78px;
  height:2px;
  margin-top:7px;
  background:linear-gradient(90deg,#1878df,#20bfd0);
  border-radius:2px;
}

/* 02 — CAPACIDADES: remove unexplained circular arrows */
.cap i{display:none!important}

/* 03 — Preserve mobile logic while retaining the hierarchy */
@media(max-width:1050px){
  .core-card{width:360px!important}
  .field-card{width:43%!important}
}
@media(max-width:760px){
  .architecture .section-label{font-size:14px!important}
  .architecture-copy{font-size:17px!important;max-width:none!important}
  .flow3d{height:735px!important;margin-top:42px!important}
  .core-card{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:405px!important;
    height:auto!important;
    min-height:190px!important;
    margin:0 auto!important;
  }
  .connector{display:none!important}
  .field-card{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-height:180px!important;
    margin:24px 0 0!important;
    transform:none!important;
  }
  .field-card strong{font-size:28px!important}
  .field-card span{font-size:16px!important}
  .architecture:after{right:-220px;top:390px}
}
@media(max-width:560px){
  .architecture .section-label{font-size:13px!important}
  .core-card span{font-size:16px!important}
  .core-card strong{font-size:28px!important}
  .core-card small{font-size:15px!important}
  .field-card strong{font-size:26px!important}
}


/* ================================================================
   PRIME® — ACUMULADO FINAL DE FEEDBACK V5 → V5.5
   Esta capa consolida las observaciones visuales aprobadas y evita
   regresiones producidas por las iteraciones anteriores del CSS.
   ================================================================ */

/* Marca / hero: logo correcto y símbolo tecnológico más presente */
.header .logo img{content:url('assets/prime-logo-dark.png')!important}
.hero-orbit{right:-145px!important;top:42px!important;width:760px!important;height:760px!important;border-color:rgba(109,172,240,.26)!important;box-shadow:0 0 0 92px rgba(100,170,240,.032),0 0 0 184px rgba(100,170,240,.020)!important}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:72px;border:1px solid rgba(37,214,231,.105);border-radius:50%;transform:rotate(23deg) scaleX(1.28);}
.hero-orbit:after{inset:180px;border-color:rgba(20,120,231,.10);transform:rotate(-31deg) scaleX(1.5)}
.hero-orbit span:nth-child(1){inset:115px!important}
.hero-orbit span:nth-child(2){inset:250px!important}
.hero-orbit span:nth-child(3){width:10px!important;height:10px!important;left:208px!important;top:188px!important;box-shadow:0 0 30px rgba(37,214,231,.68)!important}
.hero-orbit span:nth-child(3):after{content:"";position:absolute;width:520px;height:1px;left:8px;top:4px;background:linear-gradient(90deg,rgba(37,214,231,.42),transparent);transform:rotate(23deg);transform-origin:left center}

/* 01 — Visión integral: feedback acumulado */
.intro-head>p{font-size:21px!important;line-height:1.72!important;color:#2d628d!important;max-width:650px!important;font-weight:520!important}
.value-grid{gap:34px!important}
.value-grid>div{border-top-width:2px!important;padding-top:27px!important}
.value-grid>div:nth-child(1){border-top-color:#1878df!important}
.value-grid>div:nth-child(2){border-top-color:#20aebd!important}
.value-grid>div:nth-child(3){border-top-color:#7b67a8!important}
.value-grid h3{font-size:30px!important;line-height:1.1!important;margin-bottom:10px!important;color:#244f6d!important}
.value-grid>div:nth-child(2) h3{color:#16778a!important}
.value-grid>div:nth-child(3) h3{color:#62538f!important}
.value-grid p{font-size:17px!important;line-height:1.72!important;color:#60788d!important;max-width:390px!important}

/* 02 — Arquitectura: nodo central realmente jerárquico */
.architecture{padding-top:118px!important;padding-bottom:92px!important}
.architecture .section-label{font-size:15px!important;color:#1878df!important;letter-spacing:.24em!important;font-weight:800!important}
.architecture h2{font-size:clamp(45px,5.2vw,70px)!important;line-height:.98!important}
.architecture-copy{font-size:19px!important;line-height:1.72!important;max-width:1080px!important;color:#557089!important}
.flow3d{height:585px!important;margin-top:58px!important}
.core-card{width:420px!important;height:215px!important;padding:32px 38px!important;border-radius:24px!important;background:linear-gradient(145deg,#ffffff 0%,#e9f4fa 100%)!important;border:1px solid rgba(24,120,223,.32)!important;box-shadow:0 26px 55px rgba(7,26,43,.17),0 7px 20px rgba(24,120,223,.08),inset 0 1px rgba(255,255,255,.95)!important}
.core-card:after{inset:10px!important;border:1px solid rgba(19,120,232,.15)!important;border-radius:16px!important}
.core-card span{font-size:21px!important;letter-spacing:.16em!important;color:#1675c4!important}
.core-card strong{font-size:35px!important;line-height:1.0!important;margin:17px 0 13px!important;color:#123d5a!important}
.core-card small{font-size:17px!important;line-height:1.35!important;color:#58738a!important}

/* Conectores: únicamente como organigrama, con caída hasta cada nodo */
.connector{z-index:1!important;pointer-events:none!important}
.connector.trunk{left:50%!important;top:235px!important;width:2px!important;height:42px!important;background:linear-gradient(180deg,rgba(24,120,223,.78),rgba(32,191,208,.65))!important;box-shadow:0 0 12px rgba(24,120,223,.15)!important}
.connector.c1,.connector.c2{top:277px!important;width:25%!important;height:39px!important;background:none!important;box-shadow:none!important}
.connector.c1{left:25%!important;border-top:2px solid rgba(24,120,223,.70)!important;border-left:2px solid rgba(32,191,208,.62)!important;border-radius:14px 0 0 0!important}
.connector.c2{right:25%!important;border-top:2px solid rgba(24,120,223,.70)!important;border-right:2px solid rgba(32,191,208,.62)!important;border-radius:0 14px 0 0!important}
.connector.c1:before,.connector.c2:before{width:8px!important;height:8px!important;background:#20bfd0!important;box-shadow:0 0 0 4px rgba(32,191,208,.09),0 0 13px rgba(32,191,208,.18)!important;top:auto!important;bottom:-5px!important}
.connector.c1:before{left:-5px!important}.connector.c2:before{right:-5px!important}
.connector.trunk:after{width:8px!important;height:8px!important;left:-3px!important;bottom:-4px!important}
.field-card{top:316px!important;min-height:202px!important;padding:31px 34px!important;border-radius:24px!important;box-shadow:0 24px 50px rgba(7,26,43,.11)!important}
.field-card small{font-size:13px!important;letter-spacing:.21em!important;color:#1878df!important}
.field-card strong{font-size:32px!important;line-height:1.03!important;margin:14px 0 11px!important;color:#163f5c!important}
.field-card span{font-size:18px!important;line-height:1.6!important;max-width:520px!important;color:#58748b!important}
.field-card b{font-size:16px!important;margin-top:21px!important;color:#126fca!important}
.field-card b:after{width:86px!important;height:2px!important;margin-top:8px!important}

/* 03 — Capacidades: label, intro y tarjetas; sin flechas circulares */
.caps-label{margin-top:46px!important;font-size:15px!important;color:#1878df!important;letter-spacing:.24em!important;font-weight:800!important}
.caps-intro{font-size:18px!important;line-height:1.72!important;max-width:1060px!important;margin-bottom:34px!important;color:#557089!important}
.cap i{display:none!important}
.cap{min-height:335px!important}
.cap h3{font-size:29px!important;line-height:1.04!important}
.cap small{font-size:15.5px!important;line-height:1.6!important}

/* 04 — Fuel Retail: etiqueta visible, SSCC*, nota y foto sin badge */
.specialization .kicker{font-size:15px!important;letter-spacing:.24em!important;color:#8fc9ff!important}
.specialization h2{font-size:clamp(50px,5.8vw,78px)!important}
.specialization h3{font-size:23px!important}
.station-visual{background-image:url('https://images.pexels.com/photos/7908624/pexels-photo-7908624.jpeg?auto=compress&dpr=1&w=1600')!important;background-position:center!important;background-size:cover!important}
.station-badge{display:none!important}

/* 05 — Fuel Retail capabilities: mantener, solo asegurar legibilidad aprobada */
.mini-card h3{font-size:25px!important}.mini-card p{font-size:15px!important;line-height:1.68!important}.mini-card b{font-size:13px!important}

/* 06 — Servicios y soluciones: sin numeración visible; tarjetas editoriales */
.service-cards{gap:18px!important}
.service-card{min-height:350px!important}
.service-card h3{font-size:31px!important}
.service-card p{font-size:14px!important;line-height:1.7!important}

/* 07 — Consultoría Especializada: lectura y jerarquía */
.consultoria-intro p{font-size:19px!important;line-height:1.72!important}
.mode-grid article{min-height:285px!important}
.mode-grid h3{font-size:34px!important}
.mode-grid p{font-size:16px!important;line-height:1.72!important}

/* 08 — BPO especializado: sin símbolos/cuadros internos */
.bpo-card{display:block!important;padding:29px 32px!important;min-height:210px!important}
.bpo-card>div{padding:0!important}
.bpo-card small{font-size:10px!important}
.bpo-card strong{font-size:25px!important}
.bpo-card p{font-size:15px!important;line-height:1.62!important}
.bpo-symbol{display:none!important}

/* 09 — BPO Operación EDS: imagen suministrada a la derecha */
.operations-feature{grid-template-columns:minmax(0,1fr) minmax(390px,450px)!important;gap:38px!important}
.operations-feature h2{font-size:clamp(39px,4.4vw,57px)!important;line-height:1.0!important}
.operations-feature p{font-size:17px!important;line-height:1.7!important;max-width:760px!important;color:#b8cbd9!important}
.operations-feature .ops-reference{display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;border:0!important}
.operations-feature .ops-reference img{width:100%!important;max-width:450px!important;height:auto!important;display:block!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.ops-diagram{display:none!important}

/* 10 — Soluciones: SOLUCIÓN · EDS y componentes claramente legibles */
.hero-solution .sol-top,.soon .sol-top{font-size:13px!important;letter-spacing:.18em!important}
.hero-solution .sol-section-title{font-size:14px!important;color:#9fcfff!important;font-weight:800!important}
.modules{gap:9px!important}
.modules button{min-height:98px!important;padding:10px 11px!important}
.modules button img{width:105px!important;height:38px!important}
.modules b{font-size:13px!important}
.modules span{font-size:12px!important;line-height:1.35!important;color:#a8bac9!important}
.green-reference{min-height:175px!important;margin:8px 0 14px!important}
.green-reference img{width:min(100%,290px)!important}

/* 11 — Aplicación transversal: etiqueta azul vistosa + mejor aprovechamiento */
.strategic>.wrap>.section-label{font-size:15px!important;letter-spacing:.24em!important;color:#1878df!important;font-weight:800!important;margin-bottom:18px!important}
.strategic-head{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:64px!important}
.strategic .lead{font-size:28px!important;line-height:1.34!important;color:#244f6c!important}
.strategic-copy{font-size:19px!important;line-height:1.78!important;max-width:1080px!important;margin:38px 0 34px!important;color:#587089!important;padding-right:28px!important}
.strategic-photo{margin-right:0!important}
.trans-card h3{font-size:27px!important}.trans-card p{font-size:15.5px!important;line-height:1.68!important}.trans-card b{font-size:13px!important}

/* Tecnología / modernidad: watermark suave e interconectado */
.tech-watermark{opacity:.105!important}
.tech-watermark:before{background-size:150px 150px!important;opacity:.70!important}
.tech-watermark:after{opacity:.75!important}
.architecture:before{opacity:.58!important;background:
 radial-gradient(circle at 17% 45%,rgba(32,191,208,.14) 0 2px,transparent 3px),
 radial-gradient(circle at 83% 45%,rgba(24,120,223,.13) 0 2px,transparent 3px),
 radial-gradient(circle at 50% 26%,rgba(24,120,223,.12) 0 2px,transparent 3px),
 linear-gradient(24deg,transparent 49.82%,rgba(24,120,223,.065) 50%,transparent 50.18%),
 linear-gradient(-24deg,transparent 49.82%,rgba(32,191,208,.055) 50%,transparent 50.18%);}

@media(max-width:1050px){
 .field-card{width:43%!important}.core-card{width:380px!important}
 .operations-feature{grid-template-columns:minmax(0,1fr) minmax(330px,400px)!important}
 .strategic-head{grid-template-columns:1fr .9fr!important;gap:40px!important}
}
@media(max-width:760px){
 .intro-head>p{font-size:18px!important}.value-grid h3{font-size:27px!important}.value-grid p{font-size:16px!important}
 .flow3d{height:735px!important}.core-card{width:100%!important;max-width:420px!important;height:auto!important;min-height:205px!important}
 .connector{display:none!important}.field-card{width:100%!important;min-height:185px!important}
 .caps-label,.architecture .section-label,.strategic>.wrap>.section-label{font-size:13px!important}
 .caps-intro{font-size:16.5px!important}.cap h3{font-size:27px!important}.cap small{font-size:15px!important}
 .operations-feature{grid-template-columns:1fr!important}.operations-feature .ops-reference{padding-top:18px!important}.operations-feature .ops-reference img{max-width:520px!important}
 .strategic-head{grid-template-columns:1fr!important;gap:34px!important}.strategic-copy{max-width:none!important;padding-right:0!important;font-size:17px!important}
}
@media(max-width:560px){
 .hero-orbit{right:-360px!important;top:20px!important;width:650px!important;height:650px!important}
 .core-card span{font-size:17px!important}.core-card strong{font-size:29px!important}.core-card small{font-size:15px!important}
 .field-card strong{font-size:27px!important}.field-card span{font-size:16px!important}
 .modules{grid-template-columns:repeat(2,1fr)!important}.modules button b{font-size:12px!important}.modules button span{font-size:11px!important}
}

/* ================================================================
   PRIME® V5.6 — MOBILE / RESPONSIVE CONSULTATION
   Base: V5.5 CONGELADA. No desktop content or approved architecture
   is changed; this layer adapts layout, typography, navigation and
   interactive components for phone-sized screens.
   ================================================================ */

@media (max-width: 760px){
  html{scroll-padding-top:112px}
  body{overflow-x:hidden}
  .wrap{width:min(calc(100% - 32px),1180px)}

  /* Header / navigation */
  .micro{font-size:7px;letter-spacing:.12em}
  .micro-in{padding:7px 0;gap:10px;white-space:nowrap}
  .micro-in span:first-child{overflow:hidden;text-overflow:ellipsis}
  .nav{height:68px}
  .header .logo{width:165px!important;min-width:165px!important}
  .header .logo img{width:155px!important;max-height:48px!important}
  .menu{display:block!important;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:12px;font-size:0;position:relative;flex:0 0 auto}
  .menu:before,.menu:after{content:"";position:absolute;left:12px;right:12px;height:2px;background:#fff;border-radius:2px}
  .menu:before{top:16px;box-shadow:0 7px 0 #fff}
  .menu:after{top:30px;display:none}
  .nav nav{top:107px!important;left:0!important;right:0!important;padding:18px 20px 22px!important;gap:4px!important;background:rgba(7,26,43,.985)!important;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 20px 35px rgba(0,0,0,.22)}
  .nav nav a{width:100%;padding:12px 4px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.07)}
  .nav nav a:last-child{border-bottom:0}
  .nav nav .pill{width:auto;margin-top:8px;padding:10px 18px;border-color:#55738d}

  /* General section rhythm */
  .soft,.section-white,.white-panel,.light{padding:72px 0}
  .kicker{font-size:9px;letter-spacing:.20em;margin-bottom:14px}
  .section-label{font-size:12px!important;letter-spacing:.18em!important}

  /* Hero */
  .hero{min-height:700px}
  .hero-in{padding:92px 0 105px}
  .hero h1{font-size:clamp(48px,15vw,70px);line-height:.93}
  .hero h2{font-size:25px;margin:18px 0 12px}
  .hero p{font-size:15px;line-height:1.7;max-width:92%}
  .actions{flex-direction:column;align-items:stretch;max-width:245px;margin-top:26px}
  .actions .btn{justify-content:center;padding:12px 18px}
  .hero-orbit{right:-365px!important;top:245px!important;width:600px!important;height:600px!important;opacity:.72}
  .hero-orbit span:nth-child(3){left:170px!important;top:160px!important}
  .hero-orbit span:nth-child(3):after{width:300px!important}

  /* Vision integral */
  .intro-head,.service-head,.split,.strategic-head,.training-layout,.bpo-hero{grid-template-columns:1fr!important;gap:28px!important}
  .intro-head h2,.architecture h2,.service-head h2,.training h2,.solutions>div>h2,.strategic h2,.cta h2,.operations-feature h2,.white-panel h2{font-size:clamp(38px,11vw,54px)!important;line-height:.98!important}
  .intro-head>p,.service-head>p{font-size:17px!important;line-height:1.68!important}
  .value-grid{grid-template-columns:1fr!important;gap:20px!important;margin-top:38px!important}
  .value-grid>div{padding-top:19px!important}
  .value-grid h3{font-size:27px!important}
  .value-grid p{font-size:15px!important;line-height:1.65!important}

  /* Architecture: preserve organigram logic vertically */
  .architecture{padding:78px 0 65px!important}
  .architecture .section-label{font-size:13px!important;margin-bottom:14px!important}
  .architecture-copy{font-size:17px!important;line-height:1.7!important;max-width:none!important}
  .flow3d{height:auto!important;margin-top:40px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;perspective:none!important}
  .core-card{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:min(100%,390px)!important;height:auto!important;min-height:185px!important;padding:28px 24px!important;border-radius:22px!important}
  .core-card span{font-size:18px!important}
  .core-card strong{font-size:29px!important;margin:15px 0 11px!important}
  .core-card small{font-size:15px!important}
  .connector{position:relative!important;display:block!important;flex:0 0 auto!important;left:auto!important;right:auto!important;top:auto!important;width:2px!important;height:34px!important;transform:none!important;background:linear-gradient(180deg,rgba(24,120,223,.75),rgba(32,191,208,.65))!important;box-shadow:none!important}
  .connector.trunk{width:2px!important;height:34px!important;margin:0!important}
  .connector.c1,.connector.c2{width:2px!important;height:34px!important;margin:0!important;background:linear-gradient(180deg,rgba(24,120,223,.72),rgba(32,191,208,.58))!important;border:0!important;border-radius:0!important}
  .connector.c1:before,.connector.c2:before{display:none!important}
  .connector.trunk:after{left:-3px!important;bottom:-3px!important}
  .field-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;min-height:0!important;margin:0!important;padding:26px 24px!important;transform:none!important;border-radius:21px!important}
  .field-card.fuel,.field-card.transversal{transform:none!important}
  .field-card small{font-size:12px!important;letter-spacing:.16em!important}
  .field-card strong{font-size:27px!important;line-height:1.05!important;margin:11px 0 8px!important}
  .field-card span{font-size:16px!important;line-height:1.58!important;max-width:none!important}
  .field-card b{font-size:15px!important;margin-top:18px!important}
  .field-card b:after{width:78px!important}
  .architecture:before{inset:100px -20% 0!important;opacity:.34!important}
  .architecture:after{right:-280px!important;top:470px!important;width:430px!important;height:430px!important}

  /* Capabilities */
  .caps-label{margin-top:30px!important;font-size:13px!important}
  .caps-intro{font-size:16px!important;line-height:1.68!important;margin-bottom:26px!important;max-width:none!important}
  .caps{grid-template-columns:1fr!important;gap:12px!important}
  .cap{min-height:210px!important;padding:22px!important;border-radius:18px!important}
  .cap span{font-size:9px!important}
  .cap h3{font-size:27px!important;line-height:1.06!important;margin-top:52px!important}
  .cap small{font-size:15px!important;line-height:1.58!important}

  /* Fuel Retail */
  .specialization{padding:78px 0!important;min-height:0!important}
  .specialization h2{font-size:clamp(43px,12vw,62px)!important}
  .specialization h3{font-size:18px!important;line-height:1.45!important}
  .specialization p{font-size:15px!important;line-height:1.72!important}
  .station-visual{height:275px!important;transform:none!important;border-radius:20px;overflow:hidden;background-position:center!important}
  .link-row{gap:8px!important;flex-direction:column!important;align-items:flex-start!important}
  .text-link,.back-link{font-size:12px!important}

  /* Fuel Retail capability cards */
  .fuel-grid{grid-template-columns:1fr!important;gap:12px!important}
  .mini-card{min-height:185px!important;padding:23px!important}
  .mini-card h3{font-size:24px!important}
  .mini-card p{font-size:15px!important;line-height:1.62!important}
  .mini-card b{font-size:12px!important}

  /* Operations BPO */
  .operations-feature{grid-template-columns:1fr!important;gap:26px!important;align-items:start!important}
  .operations-feature h2{font-size:clamp(38px,10.5vw,52px)!important}
  .operations-feature p{font-size:16px!important;line-height:1.72!important}
  .operations-grid{grid-template-columns:1fr!important;gap:8px!important}
  .operations-grid span{font-size:13px!important;padding:11px 13px!important}
  .operations-feature .ops-reference{padding-top:12px!important;border-top:1px solid rgba(128,180,225,.18)!important}
  .operations-feature .ops-reference img{width:100%!important;max-width:430px!important;margin:0 auto!important}

  /* Services / solutions */
  .service-head{margin-bottom:34px!important}
  .service-cards{grid-template-columns:1fr!important;gap:12px!important}
  .service-card{min-height:245px!important;padding:24px!important;border-radius:18px!important}
  .service-card h3{font-size:29px!important;margin:48px 0 11px!important}
  .service-card p{font-size:14px!important;line-height:1.65!important;max-width:90%!important}
  .service-card i{right:18px!important;bottom:17px!important}
  .solution-grid{grid-template-columns:1fr!important;gap:18px!important}
  .solution{min-height:0!important}
  .hero-solution h3,.soon h3{font-size:36px!important}
  .modules{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .modules button{min-height:100px!important;padding:12px 8px!important}
  .modules img{max-width:44px!important;max-height:32px!important}
  .modules b{font-size:11px!important}
  .modules span{font-size:10px!important}
  .green-reference{min-height:0!important;margin:12px 0!important}
  .green-reference img{width:min(100%,290px)!important}
  .soon small{font-size:13px!important;line-height:1.55!important}

  /* BPO specialized */
  .bpo-premium{padding:76px 0 72px!important}
  .bpo-copy h2{font-size:clamp(42px,11vw,58px)!important}
  .bpo-copy>p{font-size:16px!important;line-height:1.7!important}
  .bpo-photo{min-height:275px!important;border-radius:20px!important}
  .bpo-grid{grid-template-columns:1fr!important;gap:10px!important}
  .bpo-grid button{min-height:130px!important;padding:20px!important}
  .bpo-grid strong{font-size:17px!important}
  .bpo-grid span{font-size:12px!important;line-height:1.55!important}

  /* Training / strategic */
  .training-photo{height:245px!important;border-radius:20px!important}
  .training p,.strategic-copy{font-size:16px!important;line-height:1.7!important}
  .strategic-photo{height:245px!important;border-radius:20px!important}
  .strategic>.wrap>.section-label{font-size:13px!important;color:#1878df!important}
  .transversal-grid{grid-template-columns:1fr!important;gap:12px!important}
  .trans-card{min-height:220px!important;padding:23px!important;border-radius:18px!important}
  .trans-card h3{font-size:25px!important}
  .trans-card p{font-size:15px!important;line-height:1.62!important}

  /* CTA / footer */
  .cta{padding:82px 0!important}
  .cta p{font-size:16px!important;line-height:1.65!important}
  .foot{grid-template-columns:1fr!important;gap:34px!important}
  .footer-logo img{max-width:230px!important}
  footer .bottom{font-size:10px!important}

  /* Modals: comfortable phone reading */
  .modal-box{width:min(calc(100% - 28px),620px)!important;max-height:88vh!important;overflow:auto!important;padding:28px 22px!important;border-radius:22px!important}
  .modal-box h2{font-size:34px!important;line-height:1.02!important}
  .modal-box p,.modal-box li{font-size:15px!important;line-height:1.65!important}
  .modal-close{width:38px!important;height:38px!important}
}

@media (max-width: 420px){
  .wrap{width:calc(100% - 28px)}
  .micro-in{font-size:6.5px;letter-spacing:.09em}
  .header .logo{width:150px!important;min-width:150px!important}
  .header .logo img{width:142px!important}
  .hero{min-height:670px}
  .hero-in{padding-top:82px}
  .hero h1{font-size:47px!important}
  .hero-orbit{right:-390px!important;top:265px!important;width:570px!important;height:570px!important}
  .core-card{min-height:175px!important}
  .core-card strong{font-size:27px!important}
  .field-card strong{font-size:24px!important}
  .cap h3{font-size:24px!important}
  .specialization h2{font-size:42px!important}
  .operations-feature h2{font-size:37px!important}
  .modules{grid-template-columns:1fr 1fr!important}
}

/* Formulario de contacto */
.contact-wrap{max-width:980px}.contact-form{margin:38px auto 0;text-align:left}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.contact-form label{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#c8d5df}.contact-form label span{font-size:10px;opacity:.7;text-transform:none}.contact-form label b{font-weight:600}.contact-form input,.contact-form select{box-sizing:border-box;width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;padding:13px 14px;border-radius:2px;font:inherit;outline:none}.contact-form select{appearance:auto}.contact-form option{color:#111;background:#fff}.contact-form input:focus,.contact-form select:focus{border-color:#fff}.phone-field{display:flex;align-items:stretch;margin-top:8px}.phone-field span{display:flex;align-items:center;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-right:0;background:rgba(255,255,255,.12);color:#fff}.phone-field input{margin-top:0}.contact-form>.btn{margin-top:24px}.contact-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.dial-code{min-width:58px;justify-content:center;white-space:nowrap;font-weight:600}.phone-field input{flex:1;min-width:0}
@media(max-width:560px){.contact-grid{grid-template-columns:1fr}.contact-form>.btn{width:100%}}

/* Campo de comentarios - V6.0 */
.contact-comments{display:block;margin-top:18px}
.contact-comments textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:110px}
.contact-comments small{display:block;margin-top:6px;opacity:.7}