/* Third proposal: bold typography and navigation by visitor intent. */
.conecta{--blue:#2144dc;--ink:#171d36;--lime:#dfff72;background:#fff;color:var(--ink)}
.conecta h1,.conecta h2,.conecta h3{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.055em}
.conecta .site-header{height:90px;border-color:#e1e4eb}.conecta .eyebrow:before{background:var(--blue);border-radius:0}.conecta .eyebrow{font-size:.75rem;letter-spacing:.12em}
.conecta .nav a[aria-current=page]:after{background:var(--blue)}.conecta .nav a:hover{color:var(--blue)}.conecta .nav .nav-contact{border-color:var(--blue);background:var(--blue);color:#fff;border-radius:4px}.conecta .lang span{color:var(--blue)}
.conecta :is(button,a,summary):focus-visible{outline-color:#2144dc}.conecta .button{background:var(--blue);border-radius:4px;color:#fff;font-size:.9rem}.conecta .button:hover{background:#142ea4}
.connect-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:40px 5% 45px;align-items:start}.connect-intro h1{font-size:clamp(3rem,4.7vw,5.7rem);line-height:1.02;margin:22px 0}.connect-intro h1 span{color:var(--blue)}.connect-intro>p{max-width:390px;color:#626979;font-size:1rem;line-height:1.65}.challenge-label{font-size:.75rem;font-weight:bold;letter-spacing:.11em;margin:28px 0 10px}.challenge-options{display:grid;gap:8px}.challenge-options button{padding:15px 18px;border:1px solid #dde1eb;border-radius:5px;background:#f7f8fc;display:flex;align-items:center;gap:15px;text-align:left;transition:background .2s,color .2s,transform .2s}.challenge-options button:hover{background:#e9edff;transform:translateX(3px)}.challenge-options button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.choice-index{font-size:.75rem;opacity:.7}.challenge-options button>span:last-child{margin-left:auto;font-size:1.2rem}.connect-skip{display:inline-block;font-size:.85rem;margin-top:18px;border-bottom:1px solid #ccd1dd;padding-bottom:3px}
.challenge-result{background:#f0f3fa;border:1px solid #e0e6f0;border-radius:8px;overflow:hidden}.connect-photo{height:228px;position:relative;overflow:hidden;background:#1c342a}.connect-photo img{width:100%;height:100%;object-position:center 52%;animation:connect-image .45s both}.connect-photo>span{position:absolute;bottom:15px;left:20px;right:20px;color:#fff;font-size:.7rem;letter-spacing:.1em;text-shadow:0 1px 5px #000}.connect-photo:after{content:'';position:absolute;bottom:0;left:0;right:0;height:65px;background:linear-gradient(transparent,#0008);pointer-events:none}.connect-photo>span{z-index:1}.connect-result-copy{padding:23px 26px 25px;animation:enter .3s both}.connect-result-copy h2{font-size:1.8rem;line-height:1.15}.connect-result-copy p{font-size:.93rem;color:#60687b;line-height:1.6;margin-top:12px}.connect-result-copy ul{display:flex;flex-wrap:wrap;list-style:none;gap:6px;margin:18px 0 22px;padding:0}.connect-result-copy li{border:1px solid #cad3e3;border-radius:3px;padding:5px 9px;font-size:.75rem;color:#38445f;background:#fff}.connect-result-copy .button{width:100%;padding:13px 17px;gap:12px}.connect-ribbon{display:flex;justify-content:space-around;align-items:center;gap:15px;background:var(--lime);padding:19px 5%;font-size:1rem;font-weight:bold;letter-spacing:.09em}.connect-ribbon span:nth-child(even){color:#687a39}
.connect-area-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.connect-area{border:1px solid #e0e4ed;border-radius:8px;overflow:hidden;background:#fff}.connect-area-photo{height:270px;position:relative;overflow:hidden}.connect-area-photo img{width:100%;height:100%;transition:transform .6s}.connect-area:hover img{transform:scale(1.04)}.connect-area-photo>span{position:absolute;top:18px;left:18px;padding:7px 12px;background:#fff;border-radius:3px;font-size:.75rem;font-weight:bold;letter-spacing:.07em}.connect-area>div:last-child{padding:26px}.connect-area h3{font-size:1.8rem}.connect-area p{font-size:1rem;color:#656d7e;margin:15px 0 25px;max-width:390px}.area-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e6ee;padding-top:20px;font-size:.9rem;color:var(--blue)}.area-action b{font-size:1.8rem;line-height:1;font-weight:400}.conecta .section-heading h2{font-size:clamp(2rem,3.7vw,3.8rem)}.conecta .section-heading p{color:#687184}.connect-process{background:#f0f3fa}.connect-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.connect-steps article{border-top:2px solid #c3cfea;padding-top:25px}.connect-steps article>span{background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:4px;font-size:.75rem}.connect-steps h3{font-size:1.65rem;margin:22px 0 15px}.connect-steps p{color:#677084;font-size:1rem;line-height:1.7}.conecta .trust{border-color:#e4e7ee}.conecta .cta{background:var(--blue)}.conecta .cta h2{font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:clamp(2.7rem,5vw,5rem)}.conecta .cta p{color:#d9e1ff}.conecta .cta .circle-arrow{background:var(--lime);color:var(--ink);border-radius:6px}.conecta .footer p,.conecta .footer small,.conecta .legal{color:#6c7383}.conecta .legal{border-color:#e0e5ee}
/* Inner pages retain the same content with a more direct service overview. */
.conecta .detail-intro{background:#f0f3fa;gap:5%;padding-bottom:45px;grid-template-columns:1.1fr 1fr}.conecta .detail-copy h1{font-size:clamp(3rem,5vw,5.5rem)}.conecta .detail-copy h1 em{color:var(--blue);font-style:normal}.conecta .detail-copy>p{color:#626b7f}.conecta .detail-image{min-height:430px}.conecta .detail-image img{border-radius:6px}.conecta .detail-image>span{background:var(--blue);border:0;border-radius:3px}.conecta .service-section{border:0}.conecta .service-grid{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.conecta .service-item{background:#f4f6fb;border:1px solid #e0e5ee;border-radius:6px;padding:0 23px}.conecta .service-item summary{gap:17px}.conecta .service-item h3{font-size:1.35rem;letter-spacing:-.025em}.conecta .service-item[open] h3{color:var(--blue)}.conecta .service-excerpt{color:#626b7b}.conecta .service-content{padding-left:33px;padding-right:0;color:#616b7e;font-size:1rem}.conecta .service-content .text-link{color:var(--blue)}.conecta .crosslink{background:var(--lime)}.conecta .crosslink p{color:#495433}.conecta .culture-manifest{background:#f0f3fa}.conecta .culture-manifest h2{font-family:Arial,Helvetica,sans-serif}.conecta .culture-manifest h2 em{color:var(--blue);font-style:normal}.conecta .culture-manifest p{color:#626b7f}.conecta .contact-section h1{font-size:clamp(3.5rem,6.5vw,6.7rem)}.conecta .contact-section h1 em{font-style:normal;color:var(--blue)}.conecta .contact-card{background:#f0f3fa;border:1px solid #e0e5ee;border-radius:7px}.conecta .contact-grid>div>p{color:#667082}.conecta .contact-location{border-color:#c9d4e8}.conecta .contact-visual p{font-family:Arial,Helvetica,sans-serif;font-weight:600}.chosen-challenge{padding:18px;background:#e0e7ff;border-left:3px solid var(--blue);margin-bottom:28px;width:100%;display:flex;align-items:flex-start;flex-direction:column;gap:8px}.chosen-challenge>span{font-size:.7rem;letter-spacing:.1em;color:#465988}.chosen-challenge strong{font-weight:600;font-size:1.05rem}.chosen-challenge .text-link{font-size:.8rem;color:var(--blue)}
@keyframes connect-image{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:none}}
@media(max-width:900px){.connect-hero{gap:4%;padding-top:28px}.connect-intro h1{font-size:3rem}.challenge-options button{font-size:.9rem;padding:14px 12px;gap:10px}.connect-result-copy{padding:20px}.connect-result-copy h2{font-size:1.6rem}.connect-photo{height:215px}.connect-ribbon{font-size:.85rem;letter-spacing:.05em}.conecta .detail-copy h1{font-size:3.5rem}.conecta .service-item{padding:0 18px}.connect-steps{gap:23px}}
@media(max-width:650px){.comparison{flex-wrap:wrap;padding:7px 4%;min-height:57px}.comparison [role=tablist]{min-width:0}.comparison button{padding:8px 6px;white-space:nowrap;font-size:.8rem}.comparison button span{margin-left:3px}.comparison .original{font-size:.7rem}.conecta .site-header{height:78px}.conecta .nav{top:77px;background:#fff}.connect-hero{grid-template-columns:1fr;gap:28px;padding:26px 5% 35px}.connect-intro h1{font-size:clamp(2.7rem,11.5vw,4rem);margin:19px 0}.connect-intro>p{font-size:.95rem}.challenge-label{margin-top:22px}.challenge-options button{padding:13px 15px;font-size:1rem}.connect-photo{height:200px}.connect-result-copy{padding:23px}.connect-result-copy h2{font-size:1.8rem}.connect-result-copy li{font-size:.75rem}.connect-ribbon{flex-wrap:wrap;justify-content:center;gap:12px;padding:15px 5%;font-size:.72rem}.connect-ribbon span:nth-child(4){display:none}.connect-area-grid,.connect-steps{grid-template-columns:1fr}.connect-area-photo{height:260px}.connect-area>div:last-child{padding:23px}.connect-area h3{font-size:1.65rem}.connect-steps{gap:30px}.connect-steps h3{margin-top:15px}.connect-process .section-heading>a{display:inline-block;margin-top:25px}.conecta .detail-intro{grid-template-columns:1fr}.conecta .detail-copy h1{font-size:3.3rem}.conecta .detail-image{min-height:310px}.conecta .service-grid{grid-template-columns:1fr}.conecta .contact-section h1{font-size:4.2rem}.conecta .contact-email{font-size:1.6rem}}
@media(max-width:370px){.comparison .original{width:100%;text-align:right}.comparison [role=tablist]{width:100%}.connect-intro h1{font-size:2.7rem}.conecta .detail-copy h1{font-size:2.9rem}.conecta .contact-email{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.connect-photo img,.connect-result-copy{animation:none}}