:root{--navy:#041522;--cyan:#00e1ef;--ink:#0b2030;--muted:#a7b9c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--navy);color:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}header{position:sticky;top:0;z-index:20;padding:22px 6%;display:flex;align-items:center;justify-content:space-between;background:#041522ed;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12}.brand{font-size:30px;font-weight:700;letter-spacing:-1.5px}.brand span{display:block;font-size:9px;letter-spacing:5px;font-weight:400;margin-top:6px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav>a:hover{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 23px;background:var(--cyan);color:var(--navy);font-weight:600;border:1px solid var(--cyan);border-radius:6px;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#6ff7ff}.btn.ghost{background:transparent;border-color:#6f8a9e;color:white}.btn.small{padding:13px 18px;font-size:12px}.menu{display:none}section{padding:95px 7%}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--cyan);margin-bottom:24px}h1{font-size:clamp(44px,5.2vw,78px);letter-spacing:-3px;line-height:1.05;font-weight:500;margin:0 0 26px}h2{font-size:clamp(34px,3.8vw,52px);line-height:1.1;letter-spacing:-2px;font-weight:500;margin:0 0 25px}h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:16px 0}p{line-height:1.7;color:var(--muted);font-size:16px} .hero{min-height:650px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding-top:65px;padding-bottom:65px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#063b50 0,transparent 55%)}.hero>div{position:relative;z-index:1}.hero p{max-width:460px;font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.art{width:110%;margin-left:-2%;mix-blend-mode:screen;animation:float 7s ease-in-out infinite}.hero .note{font-size:11px;color:#7995a5;margin-top:24px;letter-spacing:.5px}.techstrip{display:flex;justify-content:space-between;padding:26px 7%;border-block:1px solid #ffffff15;color:#dce7ed;font-size:14px;gap:20px;flex-wrap:wrap}.techstrip span:first-child{font-size:10px;letter-spacing:2px;color:#7e9aaa;align-self:center}.light{background:#f3f7fa;color:var(--ink)}.light .eyebrow{color:#007e98}.light p{color:#586b78}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.sectionhead p{max-width:350px;margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:30px;border:1px solid #d9e4ec;border-radius:12px;background:linear-gradient(145deg,#fff,#e8f0f6);min-height:290px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #082d4510}.card .num{font-size:11px;letter-spacing:2px;color:#648494}.card .icon{height:70px;color:#0094aa;font-size:50px;line-height:1.5;font-weight:200}.card p{font-size:14px;margin-top:0}.card .link{font-size:12px;font-weight:700;margin-top:auto;padding-top:20px;color:#007c91}.card .arrow{position:absolute;right:26px;top:25px;font-size:22px;color:#16849d}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.visual{min-height:360px;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#0b596e,transparent 65%),#092334;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #ffffff14}.orb{width:210px;height:210px;border:1px solid #6aeafa;border-radius:50%;box-shadow:0 0 60px #05d5ea30,inset 0 0 50px #0bc4e920;display:grid;place-items:center;transform:rotate(-20deg)}.orb:before,.orb:after{content:'';position:absolute;width:270px;height:100px;border:1px solid #0ce7ed88;border-radius:50%;transform:rotate(55deg)}.orb:after{transform:rotate(-40deg)}.orb span{font-size:42px;letter-spacing:-2px;transform:rotate(20deg)}.floating-label{position:absolute;bottom:30px;left:30px;font-size:10px;letter-spacing:2px;color:#8bd6e0}.pill{display:inline-block;border:1px solid #c9dae4;padding:8px 12px;border-radius:30px;font-size:11px;margin:4px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:50px}.step{border-top:1px solid #ffffff24;padding-top:22px}.step b{color:var(--cyan);font-size:12px}.step p{font-size:14px}.step h3{font-size:20px}.band{background:#03d5e3;color:#03222d;padding:65px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px}.band h2{max-width:650px;margin:0}.band .btn{background:#062232;color:white;border:0;white-space:nowrap}.faq{max-width:850px;margin:auto}details{border-bottom:1px solid #ccdce5;padding:22px 0}summary{font-size:17px;cursor:pointer;line-height:1.5}details p{font-size:14px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.contact form{background:#0b2435;border:1px solid #214051;padding:32px;border-radius:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:12px;display:block;color:#d9e7ee;margin-bottom:8px}input,select,textarea{width:100%;padding:13px;border:1px solid #355060;border-radius:5px;color:white;background:#061b2a;margin-bottom:20px}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{outline:1px solid var(--cyan)}.check{display:flex;align-items:start;gap:10px;font-size:11px;line-height:1.6}.check input{width:auto;margin:4px 0}.formnote{font-size:11px;line-height:1.6;color:#8ba5b5}.contact a.inline{color:var(--cyan);font-size:13px}.breadcrumb{font-size:12px;color:#8da9b8;display:flex;gap:12px;margin-bottom:35px}.detailhero{max-width:900px}.detailhero p{font-size:20px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.feature{padding:28px;border:1px solid #d8e4eb;border-radius:10px}.feature p{margin-bottom:0}.back{display:inline-flex;margin-top:30px;color:var(--cyan);font-size:13px}footer{padding:50px 7%;display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #ffffff15}footer p{margin:0;text-align:right}footer>a:not(.brand){font-size:12px;color:#9ab5c5}footer small{font-size:10px;text-align:right;color:#76909f}dialog{max-width:600px;width:92%;padding:40px;border:1px solid #2b6175;border-radius:14px;background:#092332;color:white}dialog::backdrop{background:#00101bd9;backdrop-filter:blur(8px)}dialog h2{font-size:30px}dialog p{white-space:pre-line;font-size:14px}.close{position:absolute;right:16px;top:10px;border:0;background:none;color:white;font-size:28px;cursor:pointer}.success{padding:12px;background:#103f45;color:#b9f7ef;font-size:13px;border-radius:6px}.reveal{animation:appear .65s ease both}@keyframes float{50%{transform:translateY(-12px)}}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:850px){header{padding:18px 6%}.menu{display:block;background:none;border:0;color:white;font-size:25px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px 6%;background:#071f30;flex-direction:column;align-items:stretch;gap:25px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px;min-height:0}.hero h1{max-width:650px}.art{width:100%;max-width:600px;margin:20px auto -20px;display:block}.hero p{font-size:17px}section{padding:65px 6%}.grid{grid-template-columns:repeat(2,1fr)}.split,.contact{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr 1fr}.sectionhead{display:block}.band{align-items:start;flex-direction:column}.detailgrid{grid-template-columns:1fr}}@media(max-width:540px){h1{font-size:46px;letter-spacing:-2px}h2{font-size:35px}.hero{padding-bottom:35px}.hero .actions .btn{width:100%}.techstrip{font-size:12px;gap:18px}.techstrip span:first-child{width:100%}.grid{grid-template-columns:1fr}.card{min-height:260px}.steps{gap:20px}.step h3{font-size:18px}.fields{grid-template-columns:1fr;gap:0}.contact form{padding:23px}footer{grid-template-columns:1fr}footer p,footer small{text-align:left}.brand{font-size:27px}.visual{min-height:300px}.sectionhead p{margin-top:15px}.band h2{font-size:34px}}
/* Composition matched to the approved November 10 concept. */
@font-face{font-family:BtechSans;src:url('/assets/sans.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:BtechSans;src:url('/assets/sans-semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}
body{font-family:BtechSans,Arial,sans-serif;background:#071726}header{padding:22px max(5.4%,calc((100% - 1080px)/2));height:88px;background:#051626f2;border-bottom:0;position:relative}.brand{font-size:31px;letter-spacing:-1.5px;line-height:1}.brand span{font-size:9px;letter-spacing:5px;margin-top:9px}nav{gap:30px;font-size:13px}.btn{font-size:13px;border-radius:8px;padding:13px 20px;gap:10px;letter-spacing:-.2px}.btn.small{padding:12px 18px;font-size:12px}.hero{min-height:0;height:350px;padding:28px max(5.4%,calc((100% - 1080px)/2)) 35px;display:block;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 55%,#062c42,transparent 62%),#051626}.hero>div:first-child{width:54%;position:relative;z-index:2}.hero>div:last-child{position:absolute;width:60%;height:400px;right:0;top:-30px;z-index:0;pointer-events:none}.hero .eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:16px}.hero h1{font-size:47px;line-height:1.03;letter-spacing:-1.7px;font-weight:600;margin:0 0 15px}.hero p{font-size:16px;line-height:1.45;max-width:385px;color:#f5f8fc;margin:0}.hero .actions{margin-top:22px;gap:14px}.hero .note{display:none}.art{height:100%;width:100%;object-fit:contain;margin:0;mix-blend-mode:normal;animation:float 9s ease-in-out infinite;mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 90%,transparent 100%)}.techstrip{height:62px;padding:0 max(5.4%,calc((100% - 1080px)/2));justify-content:center;align-items:center;gap:0;border-top:0;border-bottom:0;position:relative;background:#051626;font-size:12px}.techstrip:before{content:'';position:absolute;top:0;left:max(5.4%,calc((100% - 1080px)/2));right:max(5.4%,calc((100% - 1080px)/2));height:1px;background:#ffffff16}.techstrip span{padding:0 34px;position:relative}.techstrip span:first-child{font-size:12px;letter-spacing:0;color:#eef4fa}.techstrip span:not(:last-child):after{content:'/';position:absolute;right:0;color:#00e7ef;font-size:18px;top:-5px}#soluciones{padding:34px max(5.4%,calc((100% - 1080px)/2)) 26px;background:linear-gradient(110deg,#f3f7fc,#eaf1f9)}#soluciones .eyebrow{color:#071726;font-size:11px;letter-spacing:2.7px;margin-bottom:12px}#soluciones h2{font-size:43px;font-weight:600;letter-spacing:-1.7px;margin-bottom:0;white-space:nowrap}#soluciones .sectionhead{margin-bottom:28px}.primary-services{grid-template-columns:1.5fr 1fr 1fr;gap:15px}.service-card{min-height:215px;border:0;background:linear-gradient(130deg,#e5edf7,#d9e5f1);padding:25px 22px;border-radius:12px;isolation:isolate}.service-card .num,.service-card .arrow{display:none}.service-card h3{font-size:20px;line-height:1.12;font-weight:600;letter-spacing:-.8px;max-width:145px;margin:2px 0 15px;position:relative;z-index:2}.service-card p{font-size:11px;line-height:1.45;max-width:140px;color:#102235;position:relative;z-index:2;margin:0}.service-card .link{font-size:11px;color:#00394e;padding-top:16px;position:relative;z-index:2}.service-art{position:absolute;right:-8%;bottom:-4%;width:78%;height:88%;background-image:url('/assets/service-art.png');background-size:300% 100%;background-repeat:no-repeat;mix-blend-mode:multiply;z-index:0;mask-image:linear-gradient(to right,transparent,#000 35%)}.service-0 .service-art{background-position:0% center;right:-8%;width:73%;height:90%}.service-1 .service-art{background-position:50% center;right:-28%;width:100%;height:90%}.service-2 .service-art{background-position:100% center;right:-27%;width:100%;height:90%}.service-1 p,.service-2 p{max-width:133px}.more-services{margin-top:14px;text-align:right;font-size:11px;color:#16485a}.more-services span{color:#008ba5;margin-left:10px}.concept-band{height:115px;padding:25px max(5.4%,calc((100% - 1080px)/2));background:radial-gradient(ellipse at 95% 90%,#0085a1,transparent 35%),linear-gradient(115deg,#041525,#09263a);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.concept-band h2{font-size:40px;letter-spacing:-1.4px;margin:0;z-index:1}.concept-band>a{font-size:35px;z-index:1;color:#1eebf7}.concept-band:before,.concept-band:after{content:'';position:absolute;width:650px;height:90px;border-top:1px solid #0ef2ff;border-radius:50%;right:-100px;bottom:-50px;transform:rotate(-19deg);box-shadow:0 -5px 20px #00cbe52a}.concept-band:after{bottom:-36px;right:-170px;transform:rotate(-34deg);border-color:#6ad5e9}.portfolio-grid .service-card{min-height:260px}.portfolio-grid .service-3 .service-art{background-position:0 center}.portfolio-grid .service-4 .service-art{background-position:50% center}.portfolio-grid .service-5 .service-art{background-position:100% center}.portfolio-grid .service-card h3{max-width:180px}.portfolio-grid .service-card p{max-width:170px}h1,h2,h3{font-family:BtechSans,Arial,sans-serif}section:not(.hero):not(#soluciones){padding-left:max(5.4%,calc((100% - 1080px)/2));padding-right:max(5.4%,calc((100% - 1080px)/2))}
@media(min-width:1500px){.hero>div:last-child{right:calc((100% - 1300px)/2);width:730px}.hero h1{font-size:49px}.hero{height:370px}}
@media(max-width:1050px) and (min-width:851px){.hero h1{font-size:40px}.hero>div:first-child{width:58%}.hero>div:last-child{right:-6%;width:60%}nav{gap:20px}#soluciones h2{font-size:37px}.service-card{padding:24px 17px}.service-card h3{font-size:18px}.service-1 .service-art,.service-2 .service-art{right:-40%}.service-card p{max-width:125px}.concept-band h2{font-size:36px}}
@media(max-width:850px){header{height:80px;padding:20px 6%;position:sticky;top:0}.hero{height:auto;padding:35px 6% 0;display:flex;flex-direction:column}.hero>div:first-child{width:100%}.hero h1{font-size:clamp(37px,6.8vw,50px);line-height:1.04;letter-spacing:-1.5px;max-width:620px}.hero h1 br{display:none}.hero>div:last-child{position:relative;width:100%;height:320px;right:auto;top:auto;margin-top:0}.art{object-fit:contain;mask-image:linear-gradient(to bottom,#000 90%,transparent);animation:none}.hero p{max-width:490px}.hero .eyebrow{font-size:10px}.techstrip{padding:18px 6%;height:auto;gap:16px;justify-content:center}.techstrip span{padding:0 12px;font-size:11px}.techstrip span:first-child{font-size:11px}.techstrip span:not(:last-child):after{right:-8px}.techstrip:before{left:6%;right:6%}#soluciones{padding:35px 6% 24px}#soluciones h2{white-space:normal;font-size:34px}.primary-services{grid-template-columns:1.4fr 1fr 1fr;gap:12px}.service-card{padding:20px 16px;min-height:230px}.service-card h3{font-size:18px}.service-card p{font-size:11px;max-width:118px}.service-art{opacity:.55}.service-1 .service-art,.service-2 .service-art{right:-35%}.concept-band{height:110px;padding:25px 6%}.concept-band h2{font-size:33px}.brand{font-size:28px}.brand span{font-size:8px;letter-spacing:4.8px}section:not(.hero):not(#soluciones){padding-left:6%;padding-right:6%}}
@media(max-width:600px){.hero{padding-top:28px}.hero h1{font-size:39px;line-height:1.03;max-width:340px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:18px}.hero p{font-size:14px;max-width:330px}.hero .actions{flex-direction:column;gap:8px;margin-top:22px}.hero .actions .btn{width:100%;padding:12px}.hero .actions .ghost{border:0;background:transparent;padding:8px}.hero>div:last-child{height:240px;margin-top:-3px;width:112%;margin-left:-6%}.techstrip{display:grid;grid-template-columns:1fr 1fr;gap:16px 0;text-align:center;padding:20px 6%}.techstrip span:first-child{width:auto}.techstrip span:after{display:none}.techstrip span{font-size:10px}#soluciones .eyebrow{font-size:9px;letter-spacing:1.5px}#soluciones h2{font-size:31px;letter-spacing:-1.2px}.primary-services{grid-template-columns:1fr}.service-card{min-height:225px;padding:28px 24px}.service-card h3{font-size:23px;max-width:190px}.service-card p{font-size:12px;max-width:180px}.service-card .link{font-size:12px}.service-art{opacity:1}.service-0 .service-art{right:-12%;width:75%;height:100%}.service-1 .service-art,.service-2 .service-art{right:-20%;width:80%;height:100%}.concept-band{height:118px}.concept-band h2{font-size:29px;max-width:260px}.concept-band>a{font-size:28px}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid .service-card{min-height:235px}}
.reveal{animation:none}.hero>div:last-child{top:-25px;height:410px}.art{mask-image:linear-gradient(to right,transparent,#000 15%,#000 88%,transparent);mix-blend-mode:lighten}.service-art{mask-image:linear-gradient(to right,transparent,#000 35%);border-radius:14px}.service-1 .service-art,.service-2 .service-art{mask-image:linear-gradient(to right,transparent,#000 40%)}.primary-services .service-art{bottom:-12%;height:110%}.primary-services .service-card p{max-width:140px}.hero h1{font-weight:600}.concept-band{border-radius:14px 14px 0 0}
@media(max-width:850px){.hero>div:last-child{height:320px;top:auto}}
@media(max-width:600px){.hero>div:last-child{height:240px;top:auto}.primary-services .service-card p{max-width:175px}.primary-services .service-art{bottom:-8%;height:110%}}
.service-art,.service-1 .service-art,.service-2 .service-art{mask-image:linear-gradient(to right,transparent,#000 35%),linear-gradient(to bottom,transparent,#000 14%);mask-composite:intersect}.hero .art{mask-image:linear-gradient(to right,transparent,#000 15%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 85%,transparent);mask-composite:intersect}.primary-services .service-card p{font-size:12px}.primary-services .service-card .link{font-size:12px}.primary-services .service-card h3{font-size:22px}