/* Shared contact actions, with a photo-led mobile first screen. */
.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin-top:28px}
.contact-actions a,.contact-actions button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;min-height:54px;padding:13px 10px;font:700 17px/1.2 Arial,Helvetica,sans-serif;text-decoration:none}
.contact-actions svg{height:20px;width:20px;flex-shrink:0}
.contact-actions .hero-call{grid-column:1/-1;color:#fff;background:#2159ef;border:1px solid #4275ff;font-size:18px;box-shadow:0 8px 24px #2159ef33}
.contact-actions .hero-call:hover{background:#1649d2}
.contact-actions .hero-call:focus-visible{outline:3px solid #2159ef;outline-offset:3px}
.contact-actions .messenger-wa{color:#fff;background:#14733f;border:1px solid #228c51}
.contact-actions .messenger-tg{color:#fff;background:#1c304c;border:1px solid #425571}
.contact-actions button:disabled{cursor:default;opacity:.75}
.promise{display:flex;flex-wrap:wrap;gap:12px}
.promise>.benefit{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 22px;border:1px solid #dfe7f4;border-radius:999px;background:#f8faff;color:#182445;font-size:16px;line-height:1.25;font-weight:600;white-space:nowrap}
.benefit svg{width:19px;height:19px;flex:none;color:#2159ef}
@media(max-width:700px){
 body>.mobile-call{display:none}
 .hero{--photo-height:clamp(180px,min(90vw,calc(100svh - 430px)),380px);min-height:0!important;padding:0 20px 16px!important;background:#101b30;overflow:hidden}
 .hero>div:first-child{width:100%!important;max-width:none;display:flex;flex-direction:column;padding-top:calc(var(--photo-height) - 32px)}
 .hero-photo{inset:0 0 auto!important;width:100%!important;height:var(--photo-height)!important;overflow:hidden!important}
 .hero-photo img{width:100%;height:100%;object-fit:cover!important;object-position:70% top!important}
 .hero:after{inset:0 0 auto;height:calc(var(--photo-height) + 1px);background:linear-gradient(180deg,rgba(16,27,48,.10) 0%,rgba(16,27,48,.03) 47%,rgba(16,27,48,.6) 78%,#101b30 100%)}
 .hero>div:first-child>.eyebrow{position:absolute;top:18px;left:0;max-width:100%;padding:10px 14px;border:1px solid #ffffff38;border-radius:999px;background:#101b30e8;color:#e8efff;font-size:10px;letter-spacing:1px;gap:6px;flex-wrap:wrap}
 .hero .dot{background:#76a4ff}
 .hero h1{margin:0 0 16px;font-size:clamp(32px,8.8vw,47px);line-height:1.08;letter-spacing:-1.25px;font-weight:800;color:#fff}
 .hero h1 em{color:#7ca7ff}
 .hero>.hero-photo{z-index:0}
 .contact-actions{gap:8px;order:1;max-width:none;margin-top:0}
 .contact-actions a,.contact-actions button{font-size:15px;min-height:50px;padding:12px 10px}
 .contact-actions .hero-call{font-size:clamp(14px,4.1vw,18px)}
 .contact-actions .hero-call:focus-visible{outline-color:white}
 .contact-actions .messenger-wa{color:#d0f6db;background:#164930;border-color:#327649}
 .contact-actions .messenger-tg{color:#d6e5fc}
 .hero .intro{display:none}
 main>.wrap:first-child>.promise{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#101b30;color:#dbe5fa;border-top:0;padding:8px 20px 12px;gap:8px}
 main>.wrap:first-child>.promise>.benefit{min-height:44px;padding:10px;gap:7px;border-color:#ffffff24;background:#15243b;color:#e2eafa;font-size:clamp(11px,3.2vw,14px)}
 .benefit svg{width:16px;height:16px;color:#7ca7ff}
}