/* Approved hero: exact reference artwork, independent live form overlay. */
.ra-hero{position:relative;isolation:isolate;width:100%;margin:0;direction:rtl;background:#eaf2fa;font-family:Assistant,Heebo,sans-serif;overflow:hidden}
.ra-stage{position:relative;width:100%;aspect-ratio:1672/941;isolation:isolate;background:#eaf2fa}
.ra-art{position:absolute;inset:0;background:url(hero-approved.webp) center/100% 100% no-repeat;pointer-events:none}
.ra-art-top{clip-path:inset(0 0 31.4% 0)}.ra-art-bottom{clip-path:inset(83.4% 0 0 0)}.ra-art-console{clip-path:inset(68.6% 0 16.6% 0);z-index:2}
.ra-logo-link{position:absolute;top:1.5%;right:1.4%;width:21%;height:30%;z-index:3;border-radius:20px}.ra-logo-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.ra-accessible-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ra-form{position:absolute;inset:0;z-index:4;margin:0;pointer-events:none}
.ra-fields{position:absolute;inset:0;pointer-events:none}
.ra-fields input,.ra-fields button{position:absolute;top:73.55%;height:5.55%;margin:0!important;padding:0 1.2%!important;pointer-events:auto;box-sizing:border-box;font-family:Assistant,Heebo,sans-serif;line-height:1.2;font-size:clamp(12px,1.05vw,20px);border-radius:8px!important;transition:box-shadow .2s,background .2s;min-height:0!important}
.ra-fields input{border:1px solid #d2d9e3!important;background:linear-gradient(#fff,#f3f5f8)!important;color:#111c31!important;text-align:right;box-shadow:0 1px 6px #0001}
.ra-fields input::placeholder{color:#778294;opacity:1}.ra-fields input:focus{outline:none;border-color:#59c5ff!important;box-shadow:0 0 0 3px #66cfff55}
.ra-name{left:51.35%;width:13.25%}.ra-phone{left:37.98%;width:12.7%}.ra-message{left:24.35%;width:12.75%}
.ra-fields .ra-send{left:13.4%;width:9.7%;border:1px solid #ee275d!important;background:linear-gradient(135deg,#bf0037,#94002a)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:clamp(13px,1.35vw,24px);box-shadow:0 0 24px #dd144530;cursor:pointer}.ra-send:hover{box-shadow:0 0 30px #ed285b70}.ra-send span{font-size:1.3em}.ra-send:disabled{opacity:.65;cursor:wait}
.ra-form-meta{position:absolute;left:24%;right:36%;top:83.6%;pointer-events:auto}.ra-form-meta .roklon-form-status{margin:0;text-align:center;color:#071429;font-size:clamp(12px,1vw,16px);font-weight:700;background:#eef5f9e6;border-radius:6px}.ra-form-meta .roklon-form-status:empty{display:none}
.ra-sweep{position:absolute;left:7%;right:3%;top:28%;height:42%;overflow:hidden;pointer-events:none;z-index:1;mix-blend-mode:screen;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.ra-sweep:after{content:'';position:absolute;top:0;bottom:0;left:-30%;width:16%;background:linear-gradient(90deg,transparent,#9bddff70,transparent);transform:skewX(-27deg)}
.ra-motion-toggle{position:absolute;bottom:1.5%;right:2%;border:1px solid #8ba8bd60;background:#f3f7fbd9;color:#35516b;font-size:12px;padding:6px 10px;border-radius:6px;cursor:pointer;z-index:8}
.ra-mobile-caption,.ra-mobile-mirror{display:none}
.ra-animate .ra-art-top{animation:ra-scene-in 1.2s cubic-bezier(.2,.65,.25,1) both}.ra-animate .ra-art-bottom{animation:ra-mirror-in 1s .7s both}.ra-animate .ra-art-console{animation:ra-console-in 1s .45s both}.ra-animate .ra-fields{animation:ra-console-in 1s .45s both}.ra-animate .ra-sweep:after{animation:ra-sweep 3.3s 1.2s both}
.ra-paused *,.ra-paused *:after{animation-play-state:paused!important}
@keyframes ra-scene-in{from{opacity:0;transform:translateY(18px) scale(1.025);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes ra-console-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes ra-mirror-in{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes ra-sweep{0%{left:-30%;opacity:0}15%{opacity:.8}85%{opacity:.8}100%{left:120%;opacity:0}}
@media(max-width:767px){.ra-stage{aspect-ratio:auto;height:auto;padding-top:72%;padding-bottom:335px;background:#071426}.ra-art{height:auto;bottom:auto;aspect-ratio:1672/941;background-size:100% 100%;width:135%;left:-20%;right:auto}.ra-art-top{clip-path:inset(0 0 31.4% 0)}.ra-art-console,.ra-art-bottom{display:none}.ra-logo-link{top:1%;right:1%;height:19%;width:27%}.ra-form{top:auto;bottom:70px;left:20px;right:20px;height:235px;border:1px solid #38bdff88;border-radius:18px;background:linear-gradient(135deg,#10233aee,#020b1cee);box-shadow:0 0 25px #2eaeff26;padding:65px 18px 18px;backdrop-filter:blur(12px)}.ra-fields{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ra-fields input,.ra-fields button{position:static;height:44px;width:100%;font-size:16px;padding:0 12px!important}.ra-fields .ra-message{grid-column:1/-1}.ra-fields .ra-send{grid-column:1/-1;width:100%;font-size:18px}.ra-form-meta{top:auto;bottom:-36px;left:0;right:0}.ra-form-meta .roklon-form-status{font-size:12px}.ra-mobile-caption{display:block;position:absolute;bottom:267px;right:35px;left:35px;text-align:center;font-size:20px;color:#fff;pointer-events:none;z-index:5}.ra-mobile-caption strong{color:#ed285b}.ra-mobile-mirror{display:block;position:absolute;bottom:8px;left:25%;width:50%;height:55px;background:url(62ec445303ad.webp) center/contain no-repeat}.ra-motion-toggle{bottom:8px;right:8px;font-size:10px}.ra-sweep{top:15%;height:30%}}
@media(prefers-reduced-motion:reduce){.ra-hero *,.ra-hero *:after{animation:none!important;transition:none!important}.ra-sweep{display:none}}
/* Isolate live hero fields from WordPress/Elementor global input widths. */
.ra-hero .ra-form .ra-fields input.ra-name{left:51.35%!important;right:auto!important;width:13.25%!important;max-width:13.25%!important}
.ra-hero .ra-form .ra-fields input.ra-phone{left:37.98%!important;right:auto!important;width:12.7%!important;max-width:12.7%!important}
.ra-hero .ra-form .ra-fields input.ra-message{left:24.35%!important;right:auto!important;width:12.75%!important;max-width:12.75%!important}
.ra-hero .ra-form .ra-fields input{position:absolute!important;top:73.55%!important;height:5.55%!important;min-width:0!important;box-sizing:border-box!important;display:block!important}
@media(max-width:767px){
 .ra-hero .ra-form .ra-fields input.ra-name,
 .ra-hero .ra-form .ra-fields input.ra-phone,
 .ra-hero .ra-form .ra-fields input.ra-message{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-width:100%!important;height:44px!important}
}