:root{--contact-blue:#0b3a4c;--contact-cyan:#05a7c9;--contact-yellow:#ffb000;--contact-soft:#edf8fb;--contact-line:#cfe3ea;--contact-muted:#678392}
.contact-main{padding:76px 0 110px;background:var(--contact-soft);border-top:1px solid #dcecf1}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:36px;align-items:start}
.contact-story{position:sticky;top:112px}.contact-photo{overflow:hidden;aspect-ratio:3/2;border:1px solid #cce1e8;border-radius:26px;background:#fff;box-shadow:0 22px 58px rgba(13,58,76,.12)}.contact-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.contact-summary{margin-bottom:30px}.contact-summary .eyebrow{display:flex;gap:14px;align-items:center;color:#a96d00;font-size:13px;font-weight:900;letter-spacing:.08em}.contact-summary .eyebrow span{width:34px;height:1px;background:#bd7d00}.contact-summary h1{margin-top:17px;color:var(--contact-blue);font-size:clamp(36px,4vw,54px);line-height:1.25;letter-spacing:-.035em}.contact-summary mark{background:linear-gradient(transparent 72%,#ffd77a 0);color:inherit;padding-inline:3px}.contact-summary>p{margin-top:18px;color:#587786;font-size:16px;line-height:1.85}
.photo-note{position:relative;display:flex;gap:14px;align-items:center;width:calc(100% - 42px);margin:-42px auto 0;padding:18px 20px;border:1px solid #d7e8ed;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(13,58,76,.13)}.photo-note>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff0c7;color:#a66b00;font-size:19px;font-weight:900}.photo-note strong,.photo-note small{display:block}.photo-note small{margin-top:3px;color:var(--contact-muted);line-height:1.55}
.contact-benefits{display:grid;gap:12px;margin-top:24px}.contact-benefits article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 18px;border:1px solid #d5e7ec;border-radius:17px;background:rgba(255,255,255,.8)}.contact-benefits article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#dff4f8;color:#007e9a;font-size:12px;font-weight:900}.contact-benefits strong{display:block;font-size:16px}.contact-benefits p{margin-top:3px;color:var(--contact-muted);font-size:13px;line-height:1.65}
.contact-story aside{margin-top:22px;padding:22px 23px;border-left:4px solid var(--contact-yellow);border-radius:0 17px 17px 0;background:#fff7df}.contact-story aside strong,.contact-story aside a,.contact-story aside p{display:block}.contact-story aside a{margin-top:8px;color:#9d6700;font-size:22px;font-weight:900}.contact-story aside p{margin-top:6px;color:#6c7f87;font-size:13px}
.contact-form-card{padding:42px;border:1px solid #c9e1e8;border-radius:28px;background:#fff;box-shadow:0 22px 60px rgba(13,58,76,.11)}.form-kicker{color:#0089a5;font-size:13px;font-weight:900;letter-spacing:.08em}.contact-form-card h2{margin-top:10px;color:var(--contact-blue);font-size:clamp(29px,3vw,40px)}.required-note{margin-top:8px;color:#7a919d;font-size:13px}.required-note span,.field label span{color:#d78a00}
.demo-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:30px}.field{display:grid;gap:9px}.field.full{grid-column:1/-1}.field label{color:#183f50;font-size:14px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #c9dde4;border-radius:13px;background:#fbfdfe;color:#10394b;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.field input,.field select{height:52px;padding:0 15px}.field textarea{min-height:136px;padding:14px 15px;line-height:1.7;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#13a6c5;background:#fff;box-shadow:0 0 0 4px rgba(5,167,201,.12)}.field :invalid:not(:placeholder-shown){border-color:#e8b450}.submit-field{margin-top:4px}.submit-field .button{display:flex;justify-content:center;gap:12px;width:100%;border:0;cursor:pointer}.form-status{min-height:22px;color:#078a48;font-size:13px;font-weight:700}.form-status.error{color:#b86400}.privacy{color:#7b929d;font-size:12px;line-height:1.65}.privacy a{color:#007f9c;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.contact-grid{grid-template-columns:1fr}.contact-story{position:static;display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.contact-summary{grid-column:1/-1}.contact-photo{grid-row:2/span 2}.photo-note{grid-column:1;grid-row:3;align-self:end;z-index:2}.contact-benefits{grid-column:2;grid-row:2/span 2;margin:0}.contact-story aside{grid-column:1/-1;margin-top:0}}
@media(max-width:720px){.contact-main{padding:48px 0 78px}.contact-story{display:block}.contact-summary h1{font-size:39px}.contact-photo{aspect-ratio:4/3}.contact-benefits{margin-top:20px}.contact-form-card{padding:28px 22px;border-radius:22px}.demo-form{grid-template-columns:1fr}.field{grid-column:1/-1}.photo-note{width:calc(100% - 24px);margin-top:-28px;padding:15px}.contact-story aside{margin-top:20px}}
@media(max-width:440px){.contact-summary h1{font-size:34px}.contact-form-card h2{font-size:28px}.contact-photo{aspect-ratio:1/1}.photo-note small{font-size:11px}}