:root{--blue:#078eff;--blue2:#55b8ff;--ink:#04070c;--panel:#091521;--line:#263748;--text:#f7f9fc;--muted:#b1bfcc;--green:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-60px;left:16px;background:#fff;color:#000;padding:12px;z-index:30}.skip-link:focus{top:12px}.site-header{height:92px;position:absolute;z-index:10;top:0;left:0;right:0;padding:0 clamp(24px,5vw,82px);display:flex;align-items:center;border-bottom:1px solid #ffffff24;background:linear-gradient(#03070de8,transparent)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:78px;height:42px;object-fit:contain}.brand>span{display:flex;flex-direction:column;text-transform:uppercase;line-height:1}.brand strong{font-size:17px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:2px;color:#aebdca;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:14px}.social-link{height:46px;padding:0 14px;display:flex;align-items:center;gap:9px;border:1px solid #536374;background:#07101a99}.social-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-link>span{display:flex;flex-direction:column;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:700}.social-link small{color:#96a8b8;font-size:7px;margin-top:2px}.social-link.instagram:hover{border-color:#cf45e7}.social-link.whatsapp{border-color:#25d36677;color:#dffff0}.social-link.whatsapp:hover{background:#0d2c1b}.phone-link{padding-left:18px;border-left:1px solid #5f7080;display:flex;flex-direction:column;line-height:1}.phone-link small{text-transform:uppercase;letter-spacing:1.5px;color:#91a3b3;font-size:8px}.phone-link strong{font-size:14px;margin-top:7px}.hero{height:100vh;min-height:760px;max-height:980px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('tep-hero-v2.webp') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#03060bf2 0%,#03070dd2 38%,#03070d35 73%,#03070d12),linear-gradient(0deg,#04070c 0%,transparent 33%)}.hero-content{position:relative;z-index:2;width:min(850px,88vw);margin-left:clamp(24px,7vw,130px);padding-bottom:40px}.eyebrow{color:var(--blue2);font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:800;margin:0 0 20px}.eyebrow:before{content:"";display:inline-block;width:34px;height:2px;background:var(--blue);vertical-align:middle;margin-right:13px}.hero h1{font-size:clamp(50px,6vw,91px);line-height:.96;letter-spacing:-3.5px;text-transform:uppercase;margin:0 0 28px}.hero h1 em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:1px #d3dce5}.hero-content>p:not(.eyebrow){color:#c7d3dd;font-size:clamp(16px,1.25vw,20px);max-width:680px}.hero-actions,.contact-actions{display:flex;gap:12px;margin:34px 0}.button{min-width:190px;padding:16px 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #718293;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.button.primary{background:var(--blue);border-color:var(--blue)}.button.whatsapp-button{border-color:#35d777;background:#0c2a199c;color:#e9fff1}.hero-proof{display:flex;margin-top:42px}.hero-proof span{min-width:160px;padding:0 24px;border-left:1px solid #566676;color:#8495a5;text-transform:uppercase;font-size:9px;letter-spacing:1.2px}.hero-proof span:first-child{border:0;padding-left:0}.hero-proof b{display:block;color:#fff;font-size:12px;margin-bottom:3px}.response-bar{position:absolute;bottom:0;left:0;right:0;z-index:3;min-height:78px;padding:17px clamp(24px,6vw,110px);display:flex;align-items:center;justify-content:space-between;gap:25px;background:#087fdf}.response-bar p{margin:0}.response-bar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#65ffa2;box-shadow:0 0 12px #65ffa2;margin-right:12px}.response-bar div{display:flex;gap:28px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1.4px}.solutions{padding:120px clamp(24px,6.5vw,120px);display:grid;grid-template-columns:1.65fr .82fr;gap:16px;background:#07111b}.solutions-main{padding:68px;background:#0a1724;border:1px solid var(--line)}.solutions h2,.contact h2{font-size:clamp(38px,4.1vw,64px);line-height:1.03;letter-spacing:-2px;text-transform:uppercase;margin:0}.solutions-main>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:17px}.solution-list{display:grid;grid-template-columns:1fr 1fr;margin-top:42px;border-top:1px solid var(--line)}.solution-list span{padding:15px 0;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:1px}.solutions aside{padding:50px 40px;background:linear-gradient(155deg,#078eff,#064a8f);display:flex;flex-direction:column;justify-content:center}.solutions aside .micro{font-size:9px;text-transform:uppercase;letter-spacing:2px}.solutions aside h3{font-size:30px;line-height:1.05;text-transform:uppercase;margin:9px 0 14px}.solutions aside p{color:#e1f1ff}.button.light{margin-top:18px;background:#fff;color:#07101a;border-color:#fff}.contact{text-align:center;padding:125px 24px;background:radial-gradient(circle at 50% 120%,#0d6fc8 0,transparent 48%),#050b12}.contact .eyebrow:before{display:none}.contact>p:not(.eyebrow){max-width:700px;margin:18px auto;color:var(--muted);font-size:17px}.contact-actions{justify-content:center}.contact>small{text-transform:uppercase;letter-spacing:1.5px;color:#8fa2b4;font-size:9px}footer{padding:50px clamp(24px,6.5vw,120px);display:grid;grid-template-columns:1fr 1.2fr auto;gap:34px;align-items:center;border-top:1px solid var(--line);color:#8192a2}.footer-brand{margin:0;color:#fff}.footer-brand img{width:72px}footer p{font-size:11px}footer>div{display:flex;gap:20px;text-transform:uppercase;font-size:9px;letter-spacing:1.3px}footer>small{grid-column:1/-1;border-top:1px solid #17232e;padding-top:22px}
@media(max-width:900px){.site-header{height:78px}.brand>span,.social-link>span{display:none}.site-header nav{gap:8px}.social-link{width:42px;padding:0;justify-content:center}.phone-link strong{font-size:11px}.hero{min-height:790px}.hero-media{background-position:66% center}.hero-overlay{background:linear-gradient(90deg,#02050af2,#02050ac5 76%,#02050a66),linear-gradient(0deg,#04070c 0%,transparent 40%)}.hero-content{margin:0 22px;padding-top:80px}.hero h1{font-size:45px;letter-spacing:-2px}.solutions{grid-template-columns:1fr}.solutions-main{padding:48px 28px}}
@media(max-width:600px){.site-header{padding:0 16px}.brand img{width:61px}.phone-link{padding-left:10px}.phone-link small{display:none}.hero{height:auto;min-height:820px}.hero-content{padding-bottom:90px}.hero-actions,.contact-actions{flex-direction:column}.button{width:100%}.hero-proof{display:grid;grid-template-columns:1fr 1fr;row-gap:20px}.hero-proof span{min-width:0;padding:0 12px}.hero-proof span:nth-child(3){grid-column:1/-1;border:0;padding-left:0}.response-bar{align-items:flex-start;flex-direction:column;padding:15px 20px;gap:8px}.response-bar p{font-size:12px}.response-bar div{gap:12px;flex-wrap:wrap}.solutions{padding:70px 20px}.solutions-main{padding:38px 22px}.solution-list{grid-template-columns:1fr}.solutions aside{padding:42px 24px}.contact{padding:90px 20px}footer{grid-template-columns:1fr}footer>small{grid-column:auto}}

/* Detailed service overview */
.solutions{grid-template-columns:1.7fr .72fr;align-items:start}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:42px;background:var(--line);border:1px solid var(--line)}
.service-card{min-height:178px;padding:27px 25px;display:grid;grid-template-columns:48px 1fr;gap:17px;align-content:start;background:#091521}
.service-card svg{width:45px;height:45px;fill:none;stroke:var(--blue2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{margin:2px 0 7px;color:#fff;font-size:13px;line-height:1.2;letter-spacing:1px;text-transform:uppercase}
.service-card p{margin:0;color:#9fb0bf;font-size:13px;line-height:1.5}
.solutions aside{min-height:430px;position:sticky;top:28px}
@media(max-width:900px){.solutions{grid-template-columns:1fr}.solutions aside{position:static}}
@media(max-width:600px){.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:24px 20px;grid-template-columns:42px 1fr}.service-card svg{width:39px;height:39px}}
