/* Imen Negar hero v2 (holographic disc + independent guilloche layers). Scoped under .imh */
.imh{--e:cubic-bezier(.32,.72,0,1);--mx:0;--my:0;position:relative;background:radial-gradient(60% 70% at 30% 46%,#1a1712 0,#0d0c0a 62%,#090807 100%);overflow:hidden;color:#efe4c6;padding:60px 48px 150px;direction:rtl;font-family:inherit;isolation:isolate}
.imh *{box-sizing:border-box}
.imh canvas[data-g]{position:absolute;display:block;opacity:0;transition:opacity 1.4s var(--e);animation:imh-rot var(--t,300s) linear infinite}
.imh canvas.is-drawn{opacity:var(--o,1)}
.imh canvas.r{animation-direction:reverse}
@keyframes imh-rot{to{transform:rotate(360deg)}}
@keyframes imh-breathe{from{scale:1}to{scale:var(--sc,1.03)}}
.imh .lyr{position:absolute;inset:0;translate:calc(var(--mx)*var(--d,0)*1px) calc(var(--my)*var(--d,0)*1px);transition:translate .9s var(--e);animation:imh-breathe var(--bt,11s) ease-in-out infinite alternate}
.imh .lyr canvas{inset:0;width:100%;height:100%}
.imh-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.imh-bg .bgr{position:absolute;width:var(--s);aspect-ratio:1;left:var(--x);top:var(--y);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2)}
.imh-wrap{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;max-width:1260px;margin:0 auto}
.imh-text{position:relative;z-index:3}
.imh-kick{color:#d4a017;font-size:13px;margin:0}
.imh h1{color:#fff;font-size:42px;line-height:1.45;margin:10px 0 14px;font-weight:800}
.imh h1 span{background:linear-gradient(180deg,#fff1b8,#d4a017 60%,#f3d36b);-webkit-background-clip:text;background-clip:text;color:transparent}
.imh-lead{color:#d9d1bc;font-size:16px;line-height:2;margin:0 0 26px;max-width:540px}
.imh-btns{display:flex;gap:12px;flex-wrap:wrap}
.imh-btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 24px;font-weight:700;text-decoration:none!important;font-size:15px;transition:transform .5s var(--e),background-color .5s var(--e),border-color .5s var(--e)}
.imh-btn:hover{transform:translateY(-2px)}.imh-btn:active{transform:scale(.98)}
.imh-btn:focus-visible{outline:2px solid #f3d36b;outline-offset:3px}
.imh-b1{background:linear-gradient(180deg,#f3d36b,#c8920f);color:#1a1405!important}
.imh-b2{border:1px solid rgba(243,211,107,.55);color:#f3e7c4!important;background:rgba(10,9,8,.35)}
.imh-b2:hover{border-color:#f3d36b}
.imh-vis{position:relative;justify-self:center;width:min(660px,100%);aspect-ratio:1}
.imh-lyrs{position:absolute;inset:-8%;pointer-events:none}
.imh-disc{position:absolute;inset:22.5%;z-index:3;perspective:1000px}
.imh-tilt{position:absolute;inset:0;border-radius:50%;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .9s var(--e);box-shadow:0 0 0 3px #0f0e0c,0 0 0 6px #d4a017,0 0 0 8px #0f0e0c,0 0 0 9px rgba(243,211,107,.7),0 30px 70px -20px rgba(0,0,0,.85),0 0 90px rgba(180,120,255,.18)}
.imh-tilt.live{transition:transform .2s ease-out}
.imh-tilt img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;max-width:none;animation:imh-in 1.2s var(--e) both}
@keyframes imh-in{from{opacity:0;scale:.92}to{opacity:1;scale:1}}
.imh-foil,.imh-glint{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}
.imh-foil{-webkit-mask-image:radial-gradient(ellipse 24% 30% at 50% 41%,transparent 72%,#000 100%);mask-image:radial-gradient(ellipse 24% 30% at 50% 41%,transparent 72%,#000 100%)}
.imh-foil::before{content:"";position:absolute;top:0;bottom:0;left:-100%;width:300%;background:linear-gradient(110deg,transparent 33%,rgba(255,77,109,.42) 40%,rgba(255,225,77,.42) 45%,rgba(89,240,140,.38) 50%,rgba(46,230,255,.42) 55%,rgba(180,77,255,.4) 60%,transparent 67%);mix-blend-mode:color-dodge;animation:imh-foil 7s ease-in-out infinite alternate}
.imh-tilt.live .imh-foil::before{animation:none;transform:translateX(var(--fx,0));transition:transform .2s ease-out}
@keyframes imh-foil{from{transform:translateX(-24%)}to{transform:translateX(24%)}}
.imh-glint{-webkit-mask-image:radial-gradient(ellipse 22% 28% at 50% 41%,#000 60%,transparent 90%);mask-image:radial-gradient(ellipse 22% 28% at 50% 41%,#000 60%,transparent 90%)}
.imh-glint::before{content:"";position:absolute;inset:-10% -60%;background:linear-gradient(115deg,transparent 42%,rgba(255,244,200,0) 44%,rgba(255,244,200,.75) 49%,rgba(255,255,255,.9) 50%,rgba(255,236,170,.6) 51%,transparent 56%);mix-blend-mode:soft-light;animation:imh-glint 6.5s var(--e) 1.6s infinite}
@keyframes imh-glint{0%{transform:translateX(-45%)}45%,100%{transform:translateX(45%)}}
.imh-dot{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(12,11,10,.65);transform:scale(0);animation:imh-pop .5s var(--e) calc(1s + var(--i)*.12s) forwards;cursor:pointer;z-index:2}
.imh-dot::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px solid #f3d36b;opacity:0}
.imh-dot.on{background:#f3d36b}.imh-dot.on::after{animation:imh-ring 1.6s var(--e) infinite}
@keyframes imh-pop{to{transform:scale(1)}}
@keyframes imh-ring{0%{opacity:.95;transform:scale(.35)}100%{opacity:0;transform:scale(2)}}
.imh-lines{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}
.imh-lines path{fill:none;stroke:rgba(243,231,196,.55);stroke-width:.16;stroke-dasharray:1;stroke-dashoffset:1;animation:imh-draw .9s var(--e) calc(1.1s + var(--i)*.12s) forwards;transition:stroke .5s var(--e),stroke-width .5s var(--e)}
.imh-lines path.on{stroke:#f3d36b;stroke-width:.3}
@keyframes imh-draw{to{stroke-dashoffset:0}}
.imh-fx{list-style:none;margin:0;padding:0;position:absolute;inset:0;z-index:5}
.imh-fx li{position:absolute;display:flex;align-items:center;gap:7px;margin:0;padding:5px 10px 5px 6px;border-radius:999px;background:rgba(11,10,9,.78);border:1px solid rgba(243,211,107,.2);font-size:12.5px;line-height:1.4;font-weight:600;color:#e9dfc4;white-space:nowrap;opacity:0;animation:imh-lab .8s var(--e) calc(1.6s + var(--i)*.12s) forwards;transition:color .5s var(--e),border-color .5s var(--e),background-color .5s var(--e);cursor:default;list-style:none}
.imh-fx li.a-r{transform:translate(0,-50%)}.imh-fx li.a-l{transform:translate(-100%,-50%)}.imh-fx li.a-t{transform:translate(-50%,-100%)}.imh-fx li.a-b{transform:translate(-50%,0)}
.imh-fx li b{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:rgba(243,211,107,.14);color:#f3d36b;transition:background-color .5s var(--e),color .5s var(--e)}
.imh-fx li.on{color:#fff;border-color:rgba(243,211,107,.75);background:rgba(20,17,10,.92)}.imh-fx li.on b{background:#f3d36b;color:#1a1405}
@keyframes imh-lab{to{opacity:1}}
.imh-cap{display:none}
.imh-edge{position:absolute;left:0;right:0;bottom:-1px;height:120px;z-index:1;overflow:hidden;pointer-events:none}
.imh-wave{position:absolute;left:-100%;top:0;height:100%;width:200%;opacity:0;transition:opacity 1.2s;animation:imh-flow 70s linear infinite}
.imh-wave.is-drawn{opacity:1}
@keyframes imh-flow{to{transform:translateX(50%)}}
@media(max-width:1100px){.imh-wrap{grid-template-columns:1fr;gap:40px}.imh-vis{order:-1;width:min(560px,100%)}}
@media(max-width:1100px){.imh-lines,.imh-fx{display:none}.imh-cap{display:flex;position:absolute;left:0;right:0;bottom:-6px;justify-content:center;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;color:#fff;z-index:5}.imh-cap b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#f3d36b;color:#1a1405}.imh-cap span{direction:rtl}}
@media(max-width:820px){.imh{padding:28px 16px 120px}.imh h1{font-size:28px}.imh-lead{font-size:14.5px}.imh-bg{opacity:.5}.imh-edge{height:80px}.imh-disc{inset:20%}}
@media (prefers-reduced-motion:reduce){.imh canvas[data-g],.imh .lyr,.imh-foil::before,.imh-glint::before,.imh-wave,.imh-dot.on::after,.imh-tilt img{animation:none!important}.imh-lines path{animation:none;stroke-dashoffset:0}.imh-dot{animation:none;transform:none}.imh-fx li{animation:none;opacity:1}}
.imh .imh-text h1{color:#fff!important;font-size:42px!important;line-height:1.45!important}
.imh .imh-text p.imh-lead{color:#d9d1bc!important}.imh .imh-text p.imh-kick{color:#d4a017!important}
@media(max-width:820px){.imh .imh-text h1{font-size:28px!important}}
.imen-video-col video{filter:brightness(.5) saturate(1.1)}

/* v2.1 neon glow */
.imh-disc::before{content:"";position:absolute;inset:-16%;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(200,110,255,.5) 46%,rgba(90,200,255,.28) 56%,rgba(243,211,107,.12) 63%,transparent 70%);animation:imh-neon 4.5s ease-in-out infinite alternate}
@keyframes imh-neon{from{opacity:.55;scale:.97}to{opacity:1;scale:1.03}}
.imh-tilt{box-shadow:0 0 0 3px #0f0e0c,0 0 0 6px #d4a017,0 0 0 8px #0f0e0c,0 0 0 9px rgba(243,211,107,.8),0 0 22px 6px rgba(243,211,107,.45),0 0 60px 10px rgba(200,110,255,.35),0 30px 70px -20px rgba(0,0,0,.85)}
.imh-lines path.on{filter:drop-shadow(0 0 .6px #f3d36b)}
.imh-dot.on{box-shadow:0 0 0 3px rgba(12,11,10,.65),0 0 12px 3px rgba(243,211,107,.8)}
.imh-fx li.on{box-shadow:0 0 18px rgba(243,211,107,.35)}
@media (prefers-reduced-motion:reduce){.imh-disc::before{animation:none}}
@media(min-width:1101px){.imh-vis{width:min(590px,100%)}.imh-wrap{gap:56px}}
/* v2.2 big cropped guilloche + compact buttons */
.imh{padding:44px 48px 130px}
.imh-lyrs{inset:-42%}
.imh-btns{gap:10px;flex-wrap:nowrap}
.imh-btn{padding:12px 18px;font-size:14px;white-space:nowrap}
.imh-b1{padding:6px 18px 6px 6px;gap:10px}
.imh-b1::before{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:rgba(26,20,5,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1405' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 17L7 7M7 7v8M7 7h8'/%3E%3C/svg%3E") center/17px no-repeat;transition:transform .5s var(--e)}
.imh-b1:hover::before{transform:translate(-3px,-1px) scale(1.05)}
.imh-lead{margin-bottom:22px}
@media(max-width:1100px){.imh-btns{flex-wrap:wrap}.imh-lyrs{inset:-30%}}
@media(max-width:820px){.imh{padding:24px 16px 110px}.imh-btns .imh-btn{flex:1 1 100%;justify-content:center}.imh-b1{justify-content:space-between!important}}
.imh-edge{z-index:6}
@media(min-width:1101px){.imh-lyrs{-webkit-mask-image:linear-gradient(to right,#000 76%,transparent 86%);mask-image:linear-gradient(to right,#000 76%,transparent 86%)}}
@media(max-width:1100px){.imh-lyrs{-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 84%);mask-image:linear-gradient(to bottom,#000 70%,transparent 84%)}}

/* v2.3 mobile CTA: centered label */
@media(max-width:820px){.imh-btns .imh-b1{position:relative;justify-content:center!important;padding:14px 56px!important;min-height:52px}.imh-btns .imh-b1::before{position:absolute;right:8px;top:50%;margin-top:-17px}.imh-b1:hover::before{transform:none}}