:root{--navy:#0f1d3d;--ink:#14213d;--muted:#667085;--paper:#f7f8fb;--consulting:#08ada7;--computers:#2979d9;--academy:#6dbe45}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}main{min-height:100vh}
.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;padding:48px 24px 32px;background:radial-gradient(circle at 50% -20%,#fff 0,#f7f8fb 44%,#f0f3f8 100%)}
.container{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto;text-align:center}.glow{position:absolute;border-radius:999px;opacity:.45}.glow-one{width:420px;height:420px;top:-210px;right:-150px;background:rgba(41,121,217,.12)}.glow-two{width:360px;height:360px;bottom:-220px;left:-130px;background:rgba(109,190,69,.1)}
.status{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;margin-bottom:28px;border:1px solid rgba(15,29,61,.12);border-radius:999px;color:#536078;background:rgba(255,255,255,.8);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;box-shadow:0 8px 28px rgba(15,29,61,.05)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--academy);box-shadow:0 0 0 5px rgba(109,190,69,.12)}
.main-logo{display:block;width:min(330px,68vw);height:auto;margin:0 auto 24px}h1{margin:0;color:var(--navy);font-size:clamp(2rem,4.2vw,3.65rem);font-weight:700;line-height:1.08;letter-spacing:-.045em}.intro{max-width:660px;margin:20px auto 40px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.7}
.divisions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.division{--accent:var(--navy);position:relative;min-height:190px;padding:29px 25px 25px;overflow:hidden;border:1px solid rgba(15,29,61,.09);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 15px 45px rgba(15,29,61,.07)}.division:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}.division.consulting{--accent:var(--consulting)}.division.computers{--accent:var(--computers)}.division.academy{--accent:var(--academy)}.logo-frame{height:82px;display:flex;align-items:center;justify-content:center}.logo-frame img{width:min(250px,92%);height:auto}.division p{margin:20px auto 0;color:#59657b;font-size:.92rem;line-height:1.55}
.contact{display:flex;align-items:stretch;justify-content:center;gap:12px;margin:26px auto 0;font-style:normal}.contact a{display:flex;align-items:center;gap:10px;min-width:205px;padding:11px 16px;border:1px solid rgba(15,29,61,.09);border-radius:13px;color:var(--navy);background:rgba(255,255,255,.78);font-size:.86rem;font-weight:700;line-height:1.25;text-align:left;text-decoration:none;transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.contact a:hover,.contact a:focus-visible{border-color:rgba(41,121,217,.3);box-shadow:0 8px 24px rgba(15,29,61,.08);transform:translateY(-1px);outline:none}.contact-icon{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;color:#fff;background:var(--navy);font-size:.9rem}.contact-icon.whatsapp{background:#25d366;font-size:1.05rem}.contact small{display:block;margin-bottom:2px;color:#7b8598;font-size:.58rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
footer{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:34px;color:#8790a2;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.footer-line{width:35px;height:1px;background:#cbd0da}
@media(max-width:760px){.hero{align-items:flex-start;padding:36px 18px 28px}.status{margin-bottom:24px;font-size:.64rem}.main-logo{margin-bottom:20px}.intro{margin:17px auto 30px}.divisions{grid-template-columns:1fr;gap:12px}.division{min-height:auto;padding:22px 20px 21px}.logo-frame{height:60px}.logo-frame img{width:min(220px,78%)}.division p{margin-top:13px}.contact{flex-direction:column;gap:8px;width:min(330px,100%);margin-top:20px}.contact a{width:100%;min-width:0}footer{flex-direction:column;gap:8px;margin-top:28px;line-height:1.5}.footer-line{width:26px}}
@media(prefers-reduced-motion:reduce){.contact a{transition:none}}