/* Contact page: a quiet, precise surface within the public Okvir.io palette. */
.contact-page{background:#f7f9fc;color:#172941;min-height:calc(100vh - 82px);padding:150px 0 82px;overflow:hidden}
.contact-page .container{max-width:1240px}
.contact-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(48px,7vw,110px);align-items:start}
.contact-intro{min-height:670px;display:flex;flex-direction:column;position:relative;padding:22px 0 0}
.contact-title-spacer{display:block;height:24px;visibility:hidden}
.contact-detail-label{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#526d88}
.contact-intro h1{font-size:clamp(48px,5.1vw,72px);line-height:1.055;letter-spacing:-.065em;font-weight:650;color:#10243d;margin:30px 0 23px;max-width:630px;text-wrap:balance}
.contact-intro__lead{font-size:clamp(18px,1.45vw,21px);line-height:1.58;color:#53677f;max-width:540px;letter-spacing:-.015em}
.contact-intro__details{margin-top:auto;position:relative;z-index:1;max-width:495px;padding-bottom:17px}
.contact-conversation{border-top:1px solid #d8e1eb;padding-top:26px}
.contact-conversation p{font-size:16px;line-height:1.65;color:#344b66;margin:0 0 18px;max-width:460px}
.contact-conversation__steps{display:flex;gap:18px;flex-wrap:wrap}
.contact-conversation__steps span{font-size:15px;color:#455d75;display:inline-flex;align-items:center;gap:9px}
.contact-conversation__steps b{font-size:14px;font-weight:700;color:#006dcc;border:1px solid #cbdff3;border-radius:6px;padding:6px 9px;letter-spacing:.02em}
.contact-direct{margin-top:35px;border-top:1px solid #d8e1eb;padding-top:21px;display:grid;gap:8px}
.contact-direct .contact-detail-label{margin-bottom:5px}
.contact-direct a{display:block;width:max-content;max-width:100%;color:#183651;font-size:16px;font-weight:560;text-decoration:none;padding:3px 0;border-radius:4px;transition:color .16s ease}.contact-direct a:hover{color:#006dcc;text-decoration:none}
.contact-panel{background:#fff;border:1px solid #dfe7ef;border-radius:19px;box-shadow:0 22px 70px rgba(29,55,86,.07),0 3px 12px rgba(29,55,86,.025);padding:clamp(28px,3.5vw,48px);margin-top:calc(75px - clamp(28px,3.5vw,48px))}
.contact-panel__header{margin-bottom:20px}
.contact-panel h2{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.045em;color:#152a42;font-weight:650}
.contact-notice{border:1px solid #f3cac8;background:#fff7f6;border-radius:9px;color:#9d3431;padding:13px 15px;margin-bottom:22px;font-size:14px;line-height:1.5}
.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-intent{border:0;padding:0;margin:0 0 23px;min-width:0}.contact-field label{display:block;font-size:13.5px;font-weight:500;letter-spacing:.005em;color:#263b52;margin-bottom:8px}.contact-intent__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-intent__option{display:flex;align-items:flex-start;position:relative;min-width:0;cursor:pointer}.contact-intent__option input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.contact-intent__option>span{display:grid;gap:4px;min-height:76px;width:100%;padding:13px 14px;border:1px solid #dbe4ed;border-radius:10px;background:#fff;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.contact-intent__option strong{font-size:15px;line-height:1.25;font-weight:500;color:#263b52}.contact-intent__option small{font-size:12.5px;line-height:1.4;color:#607489}.contact-intent__option input:checked+span{border-color:#1685ed;background:#f4f9ff;box-shadow:inset 0 0 0 1px #1685ed}.contact-intent__option input:checked+span strong{color:#006dcc}.contact-intent__option input:focus-visible+span{outline:3px solid #92c7fb;outline-offset:2px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px}.contact-field{min-width:0}.contact-field--full{grid-column:1/-1}.contact-field label span{color:#007aff}.contact-field label small{color:#61758a;font-size:12.5px;font-weight:450;margin-left:5px}.contact-field input,.contact-field select,.contact-field textarea{appearance:none;display:block;width:100%;min-height:48px;border:1px solid #d8e2ec;border-radius:8px;background:#fff;color:#1d344c;font:inherit;font-size:15px;padding:11px 13px;box-shadow:0 1px 2px rgba(23,44,69,.025);transition:border-color .15s ease,box-shadow .15s ease}.contact-field textarea{min-height:109px;resize:vertical;line-height:1.5}.contact-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23677e94' stroke-width='1.6' d='m3.5 6 4.5 4.5L12.5 6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:40px}.contact-field input:hover,.contact-field select:hover,.contact-field textarea:hover{border-color:#9eb4c9}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.14)}.contact-field [aria-invalid="true"]{border-color:#cb5c5a}.contact-field [aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(203,92,90,.13)}.contact-field textarea::placeholder{color:#a3b0bd}.contact-error{display:block;margin-top:7px;font-size:13px;color:#bd3f3a;line-height:1.4}.contact-error[hidden],.contact-required[hidden],.contact-optional[hidden]{display:none!important}
.contact-captcha{margin-top:20px}.contact-form-footer{border-top:1px solid #e8edf2;margin-top:23px;padding-top:20px;display:grid;gap:14px}.contact-form-footer p{font-size:12.5px;line-height:1.5;color:#61758a;margin:0}.contact-form-footer p a{color:#3b668e;text-decoration:underline;text-underline-offset:2px}.contact-submit{display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;border:1px solid #0667d0;border-radius:9px;background:#087bf0;color:#fff;font:inherit;font-size:16px;font-weight:500;letter-spacing:.005em;text-align:center;padding:0 20px;cursor:pointer;box-shadow:0 6px 16px rgba(0,122,255,.18);transition:background .16s ease,box-shadow .16s ease}.contact-submit:hover{background:#006bd7;box-shadow:0 8px 20px rgba(0,122,255,.23)}.contact-submit:focus-visible{outline:3px solid #96c8fc;outline-offset:3px}.contact-submit:disabled{opacity:.7;cursor:wait}
.contact-support{margin-top:58px;display:flex;align-items:center;gap:15px;border-top:1px solid #dce5ef;padding-top:28px!important}.contact-support__icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:9px;border:1px solid #cbdbea;color:#4b708f;font-size:15px;font-weight:650}.contact-support div{flex:1}.contact-support strong{font-size:14px;color:#253c55;font-weight:680}.contact-support p{font-size:13px;color:#64798e;margin:3px 0 0;line-height:1.4}
.contact-success{min-height:500px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.contact-success__mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e7f6ef;color:#178b57;font-size:26px;margin-bottom:29px}.contact-success h2{font-size:38px;max-width:400px;margin:14px 0}.contact-success p{color:#61758b;font-size:16px;line-height:1.6;max-width:360px}.contact-success a{font-size:14px;font-weight:660;color:#0075de;margin-top:30px;text-decoration:none}.contact-success a span{margin-left:6px}
.contact-page a:focus-visible{outline:3px solid #92c7fb;outline-offset:3px;border-radius:3px}
@media(max-width:960px){.contact-page{padding-top:122px}.contact-shell{gap:35px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.contact-intro{min-height:640px}.contact-intro h1{font-size:clamp(42px,5vw,58px)}.contact-panel{padding:28px;margin-top:47px}.contact-intent__options{grid-template-columns:1fr}.contact-intent__option>span{min-height:69px}}
@media(max-width:740px){.contact-page{padding:114px 0 58px}.contact-page .container{padding-left:22px;padding-right:22px}.contact-shell{display:block}.contact-intro{min-height:0;padding:0}.contact-intro h1{font-size:clamp(43px,11vw,62px);margin:21px 0 16px}.contact-intro__lead{font-size:17px;line-height:1.55}.contact-intro__details{margin-top:34px;padding-bottom:0;display:flex;flex-direction:column}.contact-conversation{padding-top:19px}.contact-conversation p{font-size:14px;margin:0 0 15px}.contact-conversation__steps{gap:8px 16px}.contact-direct{margin-top:24px;padding-top:18px;gap:3px}.contact-direct .contact-detail-label{margin-bottom:5px}.contact-direct a{font-size:14px}.contact-panel{margin-top:35px;padding:25px 21px;border-radius:14px}.contact-panel h2{font-size:26px}.contact-panel__header{margin-bottom:20px}.contact-support{margin-top:37px;align-items:flex-start;flex-wrap:wrap}.contact-success{min-height:390px}.contact-success h2{font-size:32px}}
@media(max-width:480px){.contact-page .container{padding-left:18px;padding-right:18px}.contact-panel{margin-left:-2px;margin-right:-2px;padding:23px 19px}.contact-fields{grid-template-columns:1fr;gap:16px}.contact-intent__options{grid-template-columns:1fr}.contact-intent__option>span{min-height:66px}.contact-intro h1{letter-spacing:-.055em}.contact-conversation__steps span{font-size:14px}.contact-support p{max-width:250px}}
@media(prefers-reduced-motion:reduce){.contact-page *{scroll-behavior:auto!important;transition:none!important}}