.pg-contact{background:#fff}
.contact-hero{padding:calc(var(--ui-header) + 54px) 24px 56px;background:radial-gradient(900px 380px at 78% 0%,rgba(47,86,217,.10),transparent 65%),linear-gradient(180deg,#f2f6ff 0%,#fbfcff 100%);text-align:center}
.contact-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid #dbe3f7;border-radius:var(--ui-pill);background:rgba(255,255,255,.8);color:var(--ui-primary);font-size:13px;font-weight:650;letter-spacing:.04em}
.contact-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ui-accent)}
.contact-hero h1{margin:18px 0 12px;font-size:clamp(32px,3.4vw,46px)}
.contact-hero p{max-width:640px;margin:0 auto;color:var(--ui-body);font-size:16px}
.contact-shell{width:100%;max-width:var(--ui-max);margin:0 auto;padding:56px var(--ui-gutter) 84px}
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:46px}
.contact-card{display:flex;flex-direction:column;align-items:center;padding:30px 22px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;text-align:center;box-shadow:var(--ui-shadow-sm);transition:transform .3s var(--ui-ease),box-shadow .3s var(--ui-ease)}
.contact-card:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow)}
.contact-card .icon{width:46px;height:46px;margin-bottom:14px}
.contact-card .icon img{width:100%;height:100%;object-fit:contain}
.contact-card strong{color:var(--ui-heading);font-size:16px}
.contact-card span{margin-top:8px;color:var(--ui-primary);font-size:15px;font-weight:600}
.contact-address{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:stretch}
.contact-map{overflow:hidden;min-height:360px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-lg);background:var(--ui-surface-2)}
.contact-map iframe,.contact-map img{display:block;width:100%;height:100%;border:0;object-fit:cover}
.contact-info{padding:30px 32px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-lg);background:#fff;box-shadow:var(--ui-shadow-sm)}
.contact-info h3{margin-bottom:18px;font-size:20px}
.contact-info p{padding:10px 0;border-bottom:1px dashed var(--ui-line);color:var(--ui-body);font-size:14px;line-height:1.7}
.contact-info p:last-child{border-bottom:0}
.contact-info strong{color:var(--ui-heading);font-weight:600}
@media (max-width:767px){
.contact-hero{padding:calc(var(--ui-header-sm) + 38px) 18px 42px}
.contact-hero h1{font-size:28px}
.contact-shell{padding-top:38px;padding-bottom:56px}
.contact-cards{grid-template-columns:1fr;gap:14px;margin-bottom:32px}
.contact-address{grid-template-columns:1fr}
.contact-map{min-height:260px}
.contact-info{padding:22px 20px}
}
.contact-hero{min-height:400px;padding:calc(var(--ui-header) + 72px) 24px 64px;background:var(--ui-page-hero);border-bottom:1px solid rgba(255,255,255,.06);color:#fff;text-align:center}
.contact-hero h1{color:#fff}
.contact-hero p{color:#b9c8e2}
.contact-eyebrow{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#dbe6ff}
@media (max-width:767px){
.contact-hero{min-height:300px;padding:calc(var(--ui-header-sm) + 46px) 18px 48px}
}