.ak-contact-page { padding: 170px 0 60px; background: #fff; }
.ak-contact-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 64px; row-gap: 0; align-items: start; }
.ak-contact-intro { grid-column: 1; grid-row: 1; }
.ak-contact-services-panel { grid-column: 1; grid-row: 2; }
.ak-contact-form-panel { grid-column: 2; grid-row: 1 / span 2; }
.ak-contact-eyebrow { color: #435773; font-size: 13px; font-weight: 700; letter-spacing: 2px; margin-bottom: 18px; }
.ak-contact-intro h1 { font-size: 48px; line-height: 1.14; margin-bottom: 20px; }
.ak-contact-lead { font-size: 19px; line-height: 1.6; max-width: 460px; margin-bottom: 25px; }
.ak-contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 36px; }
.ak-contact-whatsapp, .ak-contact-call { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 19px; border-radius: 12px; font-size: 15px; line-height: 1.5; font-weight: 600; letter-spacing: -.2px; }
.ak-contact-whatsapp { background: #147a43; color: #fff; border: 1px solid #147a43; }
.ak-contact-whatsapp:hover { background: #106337; color: #fff; }
.ak-contact-whatsapp i { font-size: 22px; }
.ak-contact-call { background: #fff; border: 1px solid #d4dce5; color: #435773; }
.ak-contact-call:hover { background: #f1f5fa; color: #05182b; }
.ak-contact-services h2 { font-size: 19px; letter-spacing: -.5px; margin-bottom: 22px; }
.ak-contact-service { display: flex; align-items: start; gap: 13px; margin-bottom: 20px; }
.ak-contact-service > i { color: #435773; background: #d1e4ff; padding: 7px; font-size: 18px; border-radius: 9px; margin-top: 2px; }
.ak-contact-service h3 { font-size: 16px; font-weight: 700; letter-spacing: -.3px; margin: 0 0 4px; line-height: 1.5; }
.ak-contact-service p { font-size: 15px; line-height: 1.6; margin: 0; }
.ak-contact-details { padding-top: 18px; display: flex; flex-direction: column; gap: 3px; font-size: 16px; }
.ak-contact-form-panel { background: #f4f8ff; border: 1px solid #dbe5f2; border-radius: 20px; padding: 32px; box-shadow: 0 10px 35px rgba(5,24,43,.04); }
.ak-contact-form-panel h2 { font-size: 27px; letter-spacing: -.8px; margin-bottom: 8px; }
.ak-contact-form-description { font-size: 15px; line-height: 1.6; margin-bottom: 23px; }
.ak-contact-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.ak-contact-form-row > div { min-width: 0; }
.ak-contact-form-panel label { display: block; font-size: 13px; font-weight: 600; line-height: 1.5; margin-bottom: 7px; letter-spacing: -.15px; }
.ak-contact-optional { font-size: 11px; color: #5e6e80; font-weight: 400; }
.ak-contact-form-panel input:not([type="hidden"]), .ak-contact-form-panel select, .ak-contact-form-panel textarea { width: 100%; max-width: 100%; border: 1px solid #cdd8e6; border-radius: 9px; background-color: #fff; padding: 12px 13px; font-size: 15px; line-height: 1.5; letter-spacing: normal; margin: 0; box-sizing: border-box; }
.ak-contact-form-panel input:not([type="hidden"]), .ak-contact-form-panel select { min-height: 48px; }
.ak-contact-form-panel select { padding-right: 37px; background-position: right 14px center; }
.ak-contact-form-panel textarea { resize: vertical; min-height: 98px; }
.ak-contact-form-panel input:focus, .ak-contact-form-panel select:focus, .ak-contact-form-panel textarea:focus { border-color: #435773; box-shadow: 0 0 0 3px rgba(67,87,115,.12); outline: none; }
.ak-contact-field { margin-bottom: 16px; }
.ak-contact-form-note { font-size: 12px; line-height: 1.65; margin-bottom: 18px; letter-spacing: normal; }
.ak-contact-form-panel .ak-contact-submit { width: 100%; display: flex; justify-content: center; align-items: center; gap: 12px; padding: 15px 20px; border: 1px solid #435773; background: #435773; color: #fff; border-radius: 10px; font-size: 16px; font-weight: 600; line-height: 1.5; cursor: pointer; }
.ak-contact-submit:hover { background: #34475f; }
.ak-contact-page a:focus-visible, .ak-contact-submit:focus-visible { outline: 3px solid #3a9efe; outline-offset: 4px; }
.ak-contact-alert { background: #fff5f2; border: 1px solid #efc6b7; color: #842b14; border-radius: 9px; padding: 14px; margin-bottom: 20px; font-size: 14px; line-height: 1.6; }
.ak-contact-alert p { margin: 0 0 5px; }
.ak-contact-alert p:last-child { margin-bottom: 0; }
.ak-contact-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ak-contact-locations { margin-top: 56px; border-top: 1px solid #e3e9f1; padding-top: 34px; }
.ak-contact-locations h2 { font-size: 23px; letter-spacing: -.6px; margin-bottom: 24px; }
.ak-contact-location-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.ak-contact-location-grid h3 { font-size: 16px; font-weight: 700; letter-spacing: -.3px; margin-bottom: 10px; }
.ak-contact-location-grid p, .ak-contact-location-grid a { font-size: 15px; line-height: 1.7; }
.ak-contact-location-grid a { font-weight: 500; }
.ak-contact-thanks { max-width: 740px; margin: 30px auto 70px; padding: 45px 30px; text-align: center; border: 1px solid #dbe5f2; border-radius: 20px; background: #f4f8ff; }
.ak-contact-thanks h1 { font-size: 39px; margin: 24px 0 18px; }
.ak-contact-thanks .ak-contact-actions { justify-content: center; margin: 28px 0 0; }
.ak-contact-success-icon { color: #147a43; font-size: 44px; }
@media (max-width: 1199px) { .ak-contact-grid { column-gap: 36px; } .ak-contact-form-panel { padding: 26px; } }
@media (max-width: 991px) { .ak-contact-page { padding-top: 135px; } .ak-contact-grid { grid-template-columns: 1fr; gap: 36px; } .ak-contact-intro, .ak-contact-form-panel, .ak-contact-services-panel { grid-column: auto; grid-row: auto; } .ak-contact-intro h1 { font-size: 40px; } .ak-contact-lead { max-width: none; } .ak-contact-form-panel { max-width: 700px; } .ak-contact-actions { margin-bottom: 0; } }
@media (max-width: 575px) { .ak-contact-page { padding-top: 118px; padding-bottom: 35px; } .ak-contact-intro h1 { font-size: 35px; letter-spacing: -1.5px; } .ak-contact-lead { font-size: 17px; } .ak-contact-actions { gap: 10px; margin-bottom: 28px; } .ak-contact-whatsapp, .ak-contact-call { padding: 13px 15px; font-size: 14px; } .ak-contact-form-panel { padding: 22px 18px; border-radius: 16px; } .ak-contact-form-row { grid-template-columns: 1fr; gap: 16px; } .ak-contact-form-panel input:not([type="hidden"]), .ak-contact-form-panel select, .ak-contact-form-panel textarea { font-size: 16px; } .ak-contact-location-grid { grid-template-columns: 1fr; gap: 26px; } .ak-contact-thanks { padding: 30px 18px; } .ak-contact-thanks h1 { font-size: 30px; } }
