/* Shared outline icons in the hero and experience cards. */
.service-icon{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.line-icon .service-icon{width:40px;height:40px}
.hero-services b{display:block;flex-shrink:0}
.whatsapp-icon .whatsapp-bubble{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-icon .whatsapp-phone{fill:currentColor;stroke:none}
.hero-message{margin-top:42px}
.hero-message,.hero-copy{left:-4px}
.hero{min-height:820px}
.site-header{gap:30px;justify-content:space-between}
.main-nav{position:static;gap:clamp(12px,1.6vw,24px)}
.main-nav .nav-idea{padding:0;border:0;border-radius:0;white-space:nowrap}
.main-nav .nav-idea:hover{color:#75d7ef}
.main-nav .nav-cta{margin-left:0;white-space:nowrap}
.contact-form{max-width:440px;margin-top:28px;display:grid;gap:9px}
.contact-form label{font-size:14px;font-weight:700;margin-top:9px}
.contact-form input{width:100%;border:1px solid rgba(255,255,255,.55);border-radius:9px;padding:13px 15px;background:rgba(255,255,255,.96);color:var(--ink);font:inherit;font-size:15px}
.contact-form input::placeholder{color:#61737a}
.contact-form input:focus-visible{outline:3px solid #75d7ef;outline-offset:3px}
.contact-form button{margin-top:13px;justify-content:center;border:0;cursor:pointer;font-family:inherit}
.nav-idea:focus-visible,.contact-form button:focus-visible{outline:3px solid #75d7ef;outline-offset:4px}
@media(min-width:781px) and (max-width:1150px){.brand-name{font-size:20px}.site-header{padding-inline:24px;gap:20px}.main-nav{gap:11px;flex-wrap:wrap;justify-content:flex-end;max-width:68%}.main-nav a{font-size:11px}.main-nav .nav-cta{padding:10px 13px}}
@media(max-width:780px){.main-nav{position:absolute;top:90px;left:20px;right:20px;max-width:none}.main-nav .nav-idea{margin:5px 0}.hero-message{margin-top:38px}.hero{height:auto;min-height:760px;padding-bottom:100px}.hero-content{width:calc(100% - 56px)}}