/* Elvin Reklam — interactive 3D hero. Scoped to .er-motion; other pages are unchanged. */
.hero-visual.er-motion{height:498px;min-width:0;isolation:isolate;overflow:visible;perspective:1100px;cursor:crosshair;--glow-x:50%;--glow-y:48%;}
.hero-visual.er-motion::before{content:"";position:absolute;inset:3% 0 0;border-radius:32px;background:radial-gradient(ellipse at var(--glow-x) var(--glow-y),rgba(53,209,240,.18) 0%,rgba(10,47,72,.08) 31%,transparent 66%),linear-gradient(136deg,rgba(34,74,95,.35),rgba(9,25,45,.23) 58%,rgba(5,19,34,.25));border:1px solid rgba(130,205,236,.12);pointer-events:none;}
.hero-visual.er-motion::after{content:"";inset:3% 0 0;border:1px solid rgba(123,216,246,.2);border-radius:32px;box-shadow:inset 0 0 35px rgba(10,42,75,.24);z-index:12;}
.er-motion *{box-sizing:border-box}
.er-motion .er-ambient{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0;opacity:.75;}
.er-motion .er-ambient-left{width:240px;height:230px;left:0;top:75px;background:rgba(10,180,217,.22)}
.er-motion .er-ambient-right{width:220px;height:270px;right:0;bottom:8px;background:rgba(255,135,55,.15)}
.er-motion .er-grid-plane{position:absolute;inset:27% 6% 8%;background:linear-gradient(rgba(47,181,212,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(47,181,212,.09) 1px,transparent 1px);background-size:31px 31px;transform:perspective(520px) rotateX(58deg) translateY(90px) scale(1.07);mask-image:linear-gradient(to top,#000 9%,transparent 96%);pointer-events:none;opacity:.35;}
.er-motion .er-ring{position:absolute;border:1px solid rgba(85,204,242,.20);border-radius:50%;pointer-events:none;z-index:0;}
.er-motion .er-ring-one{width:385px;height:385px;left:13%;top:5%;transform:rotate(-32deg) scaleY(.65);box-shadow:0 0 35px rgba(33,195,219,.04)}
.er-motion .er-ring-two{width:270px;height:270px;left:24%;top:15%;transform:rotate(32deg) scaleX(.56);border-color:rgba(255,186,116,.16)}
.er-motion .er-layer{position:absolute;transform:translate3d(var(--lx,0px),var(--ly,0px),0);will-change:transform;transition:transform 420ms cubic-bezier(.24,.8,.18,1);pointer-events:none}
.er-motion .er-uv-card{top:5%;left:1%;width:40%;height:32%;z-index:2;}
.er-motion .er-uv-surface{height:100%;width:100%;padding:6px;border-radius:17px;background:linear-gradient(145deg,rgba(232,247,254,.94),rgba(136,192,205,.83));box-shadow:0 22px 50px rgba(0,7,18,.45);transform:rotate(-12deg);animation:erHoverA 6.5s ease-in-out infinite;overflow:hidden;}
.er-motion img.er-product-photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:11px;filter:saturate(1.12) contrast(1.08);box-shadow:none;}
.er-motion .er-photo-tag{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:rgba(2,18,30,.85);backdrop-filter:blur(8px);font-size:9px;font-weight:900;letter-spacing:.11em;padding:8px 11px;border-radius:7px;white-space:nowrap;}
.er-motion .er-photo-tag i{color:#64e7f4;font-style:normal}
.er-motion .er-letter-card{right:0;top:8%;width:29%;height:31%;z-index:3;}
.er-motion .er-letter-surface{height:100%;background:linear-gradient(140deg,#f5fcff,#adcfdf 46%,#598da7 100%);border-radius:17px;border:1px solid rgba(255,255,255,.73);box-shadow:0 28px 58px rgba(3,11,26,.49),inset 0 1px 2px #fff;transform:rotate(10deg);position:relative;padding:11%;overflow:hidden;animation:erHoverB 7.5s ease-in-out infinite;}
.er-motion .er-letter-surface::before{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 36%,#ffffffac 47%,transparent 55%);transform:rotate(14deg)}
.er-motion .er-letter-symbol{font-size:clamp(58px,7.3vw,98px);color:#0a334a;font-weight:1000;letter-spacing:-.18em;line-height:1.06;transform:skew(-8deg);text-shadow:3px 3px 0 #71bfda,7px 7px 0 #285873,12px 14px 15px #25485d6b;}
.er-motion .er-letter-symbol span{font-size:15px;color:#f79a4a;position:absolute;top:3px;margin-left:13px;text-shadow:none;}
.er-motion .er-letter-surface small{font-size:9px;font-weight:950;letter-spacing:.15em;color:#285773;position:absolute;left:13%;bottom:11%;}
.er-motion .er-letter-surface b{position:absolute;right:11%;bottom:9%;font-size:18px;font-weight:950;color:#f08d3a;}
.er-motion .er-main-sign{z-index:5;left:10%;top:23%;width:82%;height:57%;transform:translate3d(var(--lx,0px),var(--ly,0px),0) rotate(-3deg);}
.er-motion .er-sign-shadow{position:absolute;inset:18px 8px -22px 22px;border-radius:20px;background:rgba(0,0,0,.5);filter:blur(19px);}
.er-motion .er-sign-rim{position:relative;width:100%;height:100%;border-radius:22px;padding:10px;background:linear-gradient(135deg,#7b9bab,#162e44 10%,#668399 33%,#182f47 63%,#85a3b0 100%);box-shadow:0 16px 34px #0009,inset 0 1px 3px #fff9;border:1px solid #95a5b0;overflow:hidden;transform:perspective(650px) rotateY(-5deg) rotateX(2deg)}
.er-motion .er-sign-rim::before{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 25px rgba(5,11,26,.6);z-index:7;pointer-events:none;}
.er-motion .er-sign-topline{height:27px;padding:2px 14px;color:#8cb1c0;font-size:8px;letter-spacing:.18em;font-weight:850;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;}
.er-motion .er-on-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0ff0d6;box-shadow:0 0 11px #0ff0d6;margin-right:9px;flex-shrink:0}
.er-motion .er-topline-plus{color:#e49c62;font-size:12px}
.er-motion .er-sign-inner{position:relative;height:calc(100% - 27px);border:1px solid rgba(62,193,225,.42);border-radius:10px;background:radial-gradient(ellipse at 50% 50%,rgba(28,90,114,.43),transparent 65%),linear-gradient(155deg,#071929,#102b42 60%,#061625);box-shadow:inset 0 0 44px #0009,inset 0 0 35px #1ecbe128;padding:17px 19px 14px;overflow:hidden;text-align:center;}
.er-motion .er-sign-inner::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(75,217,230,.05) 50%);background-size:100% 5px;opacity:.58;pointer-events:none}
.er-motion .er-sign-eyebrow{display:flex;align-items:center;justify-content:center;gap:15px;color:#8bb7c7;font-size:9px;font-weight:850;letter-spacing:.2em;}
.er-motion .er-sign-eyebrow i{height:1px;background:#4e8695;width:37px;display:inline-block;}
.er-motion .er-sign-letters{font-size:clamp(43px,5.5vw,79px);font-weight:1000;letter-spacing:-.065em;line-height:.93;color:#e6fcff;text-shadow:0 0 2px #fff,0 0 8px rgba(53,235,250,.8),0 0 34px rgba(16,184,225,.76),5px 6px 1px #007d9a;position:relative;z-index:3;margin-top:8px;white-space:nowrap;}
.er-motion .er-sign-letters span{display:block;letter-spacing:.08em;font-size:.58em;margin-top:11px;color:#eaf8fc;text-shadow:0 0 1px #fff,0 0 8px #9febfc,0 0 28px rgba(28,171,218,.67);}
.er-motion .er-sign-rule{height:2px;max-width:64%;margin:13px auto 10px;background:linear-gradient(90deg,transparent,#46ddf0,#ff9c55,transparent);box-shadow:0 0 8px #29cde0;}
.er-motion .er-sign-subtitle{font-size:clamp(9px,1.05vw,14px);font-weight:850;letter-spacing:.22em;color:#acd9e6;white-space:nowrap;}
.er-motion .er-bolt{position:absolute;width:5px;height:5px;border:1px solid #d8ecf0;background:#37576b;border-radius:50%;box-shadow:0 1px 2px #000;z-index:8;}
.er-motion .er-bolt-tl{top:15px;left:10px}.er-motion .er-bolt-tr{top:15px;right:10px}.er-motion .er-bolt-bl{bottom:12px;left:10px}.er-motion .er-bolt-br{bottom:12px;right:10px}
.er-motion .er-sign-reflection{position:absolute;inset:-120% 10% -30%;width:37%;transform:rotate(27deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);pointer-events:none;z-index:6;}
.er-motion .er-material-card{bottom:7%;left:2%;width:35%;height:26%;z-index:6;}
.er-motion .er-material-surface{position:relative;height:100%;padding:13px;background:linear-gradient(155deg,#f9fbff,#bed8e4);border-radius:15px;box-shadow:0 19px 48px rgba(0,0,0,.41);border:1px solid #ebffff;transform:rotate(8deg);animation:erHoverA 8s ease-in-out infinite reverse;}
.er-motion .er-sample{width:68%;height:40%;position:absolute;left:16%;top:16%;border-radius:6px;transform-origin:center;box-shadow:0 8px 13px #16354845;}
.er-motion .er-sample-one{background:#ed8d4c;transform:rotate(-27deg) translateX(-19px)}
.er-motion .er-sample-two{background:#24bad0;transform:rotate(-6deg) translateY(7px)}
.er-motion .er-sample-three{background:linear-gradient(135deg,#10283b,#557c95);transform:rotate(15deg) translate(12px,12px);border:2px solid #acc6d6}
.er-motion .er-material-surface span{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;font-weight:950;letter-spacing:.17em;color:#1b4055}
.er-motion .er-note{right:-1%;bottom:11%;z-index:7;}
.er-motion .er-note-inner{display:flex;align-items:center;gap:12px;padding:15px 17px;background:rgba(246,252,255,.95);border:1px solid #fff;border-radius:13px;box-shadow:0 15px 30px #0007;transform:rotate(-5deg);}
.er-motion .er-note-inner>b{font-size:25px;color:#ff984d;}
.er-motion .er-note-inner strong{display:block;color:#13374a;font-size:10px;white-space:nowrap;letter-spacing:.055em;}
.er-motion .er-note-inner small{display:block;color:#647f8d;font-size:10px;white-space:nowrap;}
.er-motion .er-mouse-hint{position:absolute;z-index:8;left:10%;top:5%;display:flex;align-items:center;gap:9px;color:#9ed9e7;letter-spacing:.14em;font-size:9px;font-weight:900;}
.er-motion .er-mouse-dot{display:block;width:15px;height:15px;border:1px solid #4ed9ee;border-radius:50%;box-shadow:0 0 10px #2bb7d68a;position:relative;}
.er-motion .er-mouse-dot::after{content:"";width:3px;height:3px;border-radius:50%;background:#67e1ee;position:absolute;left:5px;top:5px;}
.er-motion .er-corner-label{position:absolute;bottom:3%;right:5%;color:rgba(194,231,243,.67);font-size:8px;letter-spacing:.1em;font-weight:800;z-index:9;}
@keyframes erHoverA{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes erHoverB{0%,100%{translate:0 0}50%{translate:0 11px}}
@media (hover:hover) and (pointer:fine){.er-motion:hover .er-sign-letters{text-shadow:0 0 3px white,0 0 10px #79eafb,0 0 44px rgba(35,211,246,.9),5px 6px 2px #007e9c;}}
@media(max-width:1080px){.er-motion .er-sign-letters{font-size:clamp(43px,5.9vw,71px)}.er-motion .er-sign-inner{padding-top:15px}.er-motion .er-note{right:0}.er-motion .er-note-inner{padding:12px}}
@media(max-width:790px){.hero-visual.er-motion{height:410px;max-width:590px;margin-inline:auto;width:100%}.er-motion .er-sign-letters{font-size:clamp(53px,9vw,78px)}.er-motion .er-sign-subtitle{font-size:11px}.er-motion .er-note{bottom:7%}.er-motion .er-note-inner{padding:12px 14px}.er-motion .er-corner-label{font-size:7px}}
@media(max-width:520px){.hero-visual.er-motion{height:335px;max-width:450px}.er-motion .er-sign-rim{padding:6px;border-radius:16px}.er-motion .er-sign-topline{height:20px;padding:0 9px;font-size:6px}.er-motion .er-sign-inner{height:calc(100% - 20px);padding:10px 8px 8px}.er-motion .er-sign-eyebrow{font-size:7px}.er-motion .er-sign-letters{font-size:clamp(34px,10vw,51px);margin-top:3px}.er-motion .er-sign-letters span{margin-top:7px}.er-motion .er-sign-rule{margin:9px auto 6px}.er-motion .er-sign-subtitle{font-size:8px;letter-spacing:.13em}.er-motion .er-uv-card{width:41%;top:6%;height:32%}.er-motion .er-letter-card{width:30%;height:28%}.er-motion .er-letter-symbol{font-size:49px}.er-motion .er-letter-surface small{font-size:7px}.er-motion .er-letter-surface b{font-size:13px}.er-motion .er-material-card{width:32%;height:25%}.er-motion .er-note{right:0;bottom:10%}.er-motion .er-note-inner{padding:8px;gap:5px}.er-motion .er-note-inner>b{font-size:17px}.er-motion .er-note-inner strong{font-size:7px}.er-motion .er-note-inner small{font-size:7px}.er-motion .er-mouse-hint{font-size:8px;left:8%}.er-motion .er-corner-label{display:none}.er-motion .er-photo-tag{font-size:6px;padding:5px 6px;bottom:8px;left:8px;right:8px}}
@media(hover:none),(pointer:coarse){.er-motion .er-mouse-hint{display:none}.hero-visual.er-motion{cursor:default}}
@media(prefers-reduced-motion:reduce){.er-motion *{animation:none!important;transition:none!important}.hero-visual.er-motion{cursor:default}}