.smc-contact { color:#092c53; background:linear-gradient(#fff,#f6faff); overflow:clip }
.smc-contact *, .smc-contact *::before,.smc-contact *::after { box-sizing:border-box }
.smc-contact [hidden] { display:none!important }
.smc-contact h1,.smc-contact h2,.smc-contact p { margin:0 }
.smc-contact a { text-decoration:none; color:inherit }
.smc-contact .sc-sr,.smc-contact .sc-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
.smc-contact .sc-hero img { display:block; width:100%; height:auto }
.smc-contact .sc-wrap { display:block; width:min(1240px,100%); padding:0 28px 76px; margin:auto }
.smc-contact .sc-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; padding:36px 0 48px }
.smc-contact .sc-card { display:flex; align-items:center; flex-direction:column; text-align:center; padding:26px 18px; background:white; border:1px solid #e1eaf2; border-radius:22px; box-shadow:0 10px 28px #15395b09; transition:transform .25s,border-color .25s }
.smc-contact .sc-icon { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:#082e57; color:#ffda39; font-size:21px; margin-bottom:16px }
.smc-contact .sc-card h2 { font-size:18px; color:#092c53; font-weight:800; margin-bottom:9px }
.smc-contact .sc-card p { font-size:13px; line-height:1.7; color:#54677d; overflow-wrap:anywhere }
.smc-contact .sc-main { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:28px; align-items:stretch }
.smc-contact .sc-form-panel { background:white; border:1px solid #e1eaf2; border-radius:26px; padding:36px; box-shadow:0 12px 35px #17395b08; min-width:0 }
.smc-contact .sc-eyebrow { text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:800; color:#926900; margin-bottom:12px }
.smc-contact .sc-main h2 { font-size:clamp(27px,3vw,40px); color:#082d56; font-weight:800; line-height:1.2; letter-spacing:-.025em }
.smc-contact .sc-main h2 span { color:#a77900 }
.smc-contact .sc-lead { font-size:14px; line-height:1.8; color:#52677f; margin:14px 0 25px }
.smc-contact .sc-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 18px }
.smc-contact .sc-field { min-width:0 }
.smc-contact .sc-wide { grid-column:1/-1 }
.smc-contact .sc-field label { display:block; font-size:13px; color:#0b3157; font-weight:700; margin-bottom:8px }
.smc-contact .sc-field label > span { color:#b34200 }
.smc-contact .sc-field label small { font-size:11px; font-weight:400; color:#63788c }
.smc-contact :is(input:not([type=checkbox]),select,textarea) { display:block; width:100%; min-width:0; max-width:100%; border:1px solid #cbdbea; border-radius:11px; padding:13px; font:inherit; font-size:16px; color:#12375b; background:#fbfdff; min-height:48px }
.smc-contact textarea { resize:vertical; line-height:1.5 }
.smc-contact :is(input,select,textarea):focus { outline:2px solid #0873cb; outline-offset:2px; background:white }
.smc-contact [aria-invalid=true] { border-color:#bb3535 }
.smc-contact .sc-error { display:block; color:#ad2828; font-size:12px; line-height:1.5; margin-top:4px; overflow-wrap:anywhere }
.smc-contact .sc-error:empty { display:none }
.smc-contact .sc-consent { display:flex; align-items:flex-start; gap:10px; margin-top:20px; font-size:12px; line-height:1.7; color:#425e79 }
.smc-contact .sc-consent input { width:19px; height:19px; flex:0 0 19px; accent-color:#092f58; margin:2px 0 0 }
.smc-contact .sc-submit { display:flex; justify-content:center; align-items:center; gap:18px; width:100%; min-height:52px; margin-top:22px; border:0; border-radius:12px; background:#ffda31; color:#092c53; font:inherit; font-weight:800; cursor:pointer; box-shadow:0 6px 18px #d1b53220 }
.smc-contact .sc-submit:disabled { opacity:.65; cursor:wait }
.smc-contact .sc-status { font-size:14px; line-height:1.6; padding:14px; margin-bottom:20px; border-radius:11px; background:#edf5ff; color:#184574 }
.smc-contact .sc-status.is-error { background:#fff0f0; color:#a62323 }
.smc-contact .sc-status.is-success { background:#e9f8ef; color:#165c37 }
.smc-contact .sc-support { position:relative; isolation:isolate; overflow:hidden; padding:38px 30px; border-radius:26px; background:linear-gradient(145deg,#f3faff,#fff9e3); border:1px solid #dfeaf4; min-width:0 }
.smc-contact .sc-support::after { content:''; position:absolute; z-index:-1; width:320px; height:320px; border:35px solid #edc93c14; border-radius:50%; bottom:-190px; right:-100px }
.smc-contact .sc-support > p:not(.sc-eyebrow) { color:#52677f; font-size:14px; line-height:1.8; margin-top:18px }
.smc-contact .sc-support-links { display:grid; gap:14px; margin-top:27px }
.smc-contact .sc-support-links a { display:flex; align-items:center; gap:14px; padding:17px 14px; border-radius:15px; background:#ffffffd9; border:1px solid #e2eaf1 }
.smc-contact .sc-support-links a > i { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; background:#eaf3fc; color:#0a589d; border-radius:11px; font-size:18px }
.smc-contact .sc-support-links a > span { min-width:0; flex:1 }
.smc-contact .sc-support-links strong,.smc-contact .sc-support-links small { display:block; overflow-wrap:anywhere }
.smc-contact .sc-support-links strong { font-size:14px }
.smc-contact .sc-support-links small { font-size:12px; line-height:1.6; color:#536d85; margin-top:4px }
.smc-contact .sc-support-links b { color:#a77e11 }
.smc-contact .sc-support-note { display:flex; gap:15px; align-items:center; padding-top:30px; margin-top:28px; border-top:1px solid #d8e3ed }
.smc-contact .sc-support-note > i { font-size:36px; color:#aa7e00 }
.smc-contact .sc-support-note p { font-size:18px; line-height:1.5 }
.smc-contact :is(a,button):focus-visible { outline:3px solid #0873cb; outline-offset:4px }
@media(hover:hover) { .smc-contact .sc-card:hover { transform:translateY(-4px); border-color:#dfbc46 } .smc-contact .sc-support-links a:hover { border-color:#dfbc46 } }
@media(max-width:1000px) { .smc-contact .sc-quick { grid-template-columns:repeat(2,minmax(0,1fr)) } .smc-contact .sc-main { grid-template-columns:minmax(0,1fr) } }
@media(max-width:600px) { .smc-contact .sc-wrap { padding:0 16px 65px } .smc-contact .sc-quick { gap:12px; padding:22px 0 28px } .smc-contact .sc-card { padding:20px 12px; border-radius:17px } .smc-contact .sc-card h2 { font-size:16px } .smc-contact .sc-card p { font-size:12px } .smc-contact .sc-form-panel,.smc-contact .sc-support { padding:25px 20px; border-radius:21px } .smc-contact .sc-fields { grid-template-columns:minmax(0,1fr) } }
@media(max-width:360px) { .smc-contact .sc-quick { grid-template-columns:minmax(0,1fr) } .smc-contact .sc-wrap { padding-inline:12px } .smc-contact .sc-form-panel,.smc-contact .sc-support { padding:22px 15px } }
/* Reserve the widget lane while entering a message on narrow screens. */
@media(max-width:760px) { body:has(.smc-contact) .smc-robot,body:has(.smc-contact) .smc-whatsapp-float { right:max(8px,env(safe-area-inset-right)) } body:has(.smc-contact form:focus-within) .smc-robot,body:has(.smc-contact form:focus-within) .smc-whatsapp-float { visibility:hidden } }
@media(prefers-reduced-motion:reduce) { .smc-contact .sc-card { transition:none } }