/* EL-HYDRO – jasne zaproszenie przed Interaktywnym Domem, bez wpływu na inne moduły. */
.elh-dom-intro,.elh-dom-intro *,.elh-dom-intro *::before,.elh-dom-intro *::after{box-sizing:border-box}
.elh-dom-intro{width:calc(100% - 24px);max-width:var(--elh-intro-width,1150px);margin:28px auto 26px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:16px;align-items:center;min-height:245px;padding:29px 36px;border:1px solid #c5e0f2;border-left:5px solid #1672b8;border-radius:18px;background:radial-gradient(circle at 91% 45%,#ddecfa 0%,transparent 31%),linear-gradient(120deg,#fff 0%,#f5faff 58%,#edf6fd 100%);box-shadow:0 7px 0 rgba(21,91,145,.045),0 18px 36px rgba(9,43,77,.13),inset 0 1px 0 #fff;color:#253b4b;text-align:left}
.elh-dom-intro::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#1672b8 0%,#7dbce5 70%,#f4511e 100%)}
.elh-dom-intro__content{position:relative;z-index:2;min-width:0}
.elh-dom-intro__eyebrow{display:flex;align-items:center;gap:9px;color:#145b91;font-size:11px;font-weight:800;letter-spacing:1.75px;text-transform:uppercase;margin-bottom:8px;line-height:1.6}
.elh-dom-intro__eyebrow-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#f4511e;box-shadow:0 0 0 4px rgba(244,81,30,.1)}
.elh-dom-intro h2.elh-dom-intro__title{margin:0 0 3px!important;padding:0!important;border:0!important;clear:none!important;color:#092b4d!important;font-size:clamp(23px,2.2vw,31px)!important;line-height:1.27!important;font-weight:800!important;letter-spacing:-.55px!important}
.elh-dom-intro p.elh-dom-intro__subtitle{margin:0 0 8px!important;color:#e6531f!important;font-weight:800!important;font-size:clamp(17px,1.6vw,21px)!important;line-height:1.35!important}
.elh-dom-intro p.elh-dom-intro__description{max-width:690px;margin:0 0 18px!important;color:#455c6d!important;font-size:15px!important;line-height:1.62!important}
.elh-dom-intro a.elh-dom-intro__button{display:inline-flex;align-items:center;justify-content:center;gap:15px;max-width:100%;min-height:43px;padding:11px 19px;border-radius:10px;border:1px solid rgba(255,127,71,.72);background:linear-gradient(180deg,#ff793d 0%,#f4511e 100%);box-shadow:0 5px 0 #ce3f14,0 11px 23px rgba(244,81,30,.17);color:#fff!important;font-size:14px!important;line-height:1.4!important;font-weight:800!important;text-decoration:none!important;text-shadow:0 1px 2px rgba(0,0,0,.09);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;cursor:pointer}
.elh-dom-intro a.elh-dom-intro__button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #ce3f14,0 15px 27px rgba(244,81,30,.25);filter:brightness(1.04)}
.elh-dom-intro a.elh-dom-intro__button:focus-visible{outline:3px solid #145b91;outline-offset:5px}
.elh-dom-intro__button-icon{font-size:20px;line-height:1;font-weight:800}
.elh-dom-intro__visual{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-height:170px}
.elh-dom-intro__visual::before{content:"";position:absolute;width:193px;height:193px;border-radius:50%;background:linear-gradient(135deg,rgba(22,114,184,.17),rgba(0,0,0,0));border:1px dashed rgba(20,91,145,.22)}
.elh-dom-intro__visual-circle{position:relative;display:grid;place-items:center;width:145px;height:145px;border-radius:28px;transform:rotate(-5deg);background:linear-gradient(145deg,#eff9ff,#e0f2fe);box-shadow:12px 14px 0 rgba(22,114,184,.07),0 16px 24px rgba(9,43,77,.14),inset 2px 2px 0 #fff;border:1px solid #b9ddef;color:#145b91}
.elh-dom-intro__visual-circle svg{transform:rotate(5deg);filter:drop-shadow(0 4px 2px rgba(9,43,77,.05))}
.elh-dom-intro__tag{position:absolute;padding:5px 11px;border:1px solid #c7e2f5;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 5px 13px rgba(9,43,77,.11);color:#145b91;font-size:12px;font-weight:800;line-height:1.4;white-space:nowrap}
.elh-dom-intro__tag--one{top:0;left:4px}.elh-dom-intro__tag--two{top:34px;right:0}.elh-dom-intro__tag--three{bottom:7px;right:3px}
.elh-dom-intro__anchor{display:block;height:0;overflow:hidden;scroll-margin-top:145px}
@media(max-width:850px){.elh-dom-intro{grid-template-columns:minmax(0,1fr) 175px;gap:8px;padding:25px}.elh-dom-intro__visual-circle{width:115px;height:115px}.elh-dom-intro__visual-circle svg{width:92px;height:92px}.elh-dom-intro__visual::before{width:145px;height:145px}.elh-dom-intro__tag--one{left:-5px}.elh-dom-intro__tag--two{right:-5px}.elh-dom-intro__tag--three{right:0}}
@media(max-width:680px){.elh-dom-intro{width:calc(100% - 16px);grid-template-columns:1fr;gap:0;padding:23px 21px;margin:16px auto 22px;min-height:0;border-radius:14px}.elh-dom-intro__visual{display:none}.elh-dom-intro h2.elh-dom-intro__title{font-size:24px!important}.elh-dom-intro p.elh-dom-intro__subtitle{font-size:18px!important}.elh-dom-intro p.elh-dom-intro__description{font-size:14px!important}.elh-dom-intro a.elh-dom-intro__button{width:100%;font-size:14px!important}.elh-dom-intro__anchor{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.elh-dom-intro a.elh-dom-intro__button{transition:none}.elh-dom-intro a.elh-dom-intro__button:hover{transform:none}}
