/* Performance and visual refinement layer */
@font-face{font-family:CairoFast;src:url('/assets/fonts/Cairo-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:CairoFast;src:url('/assets/fonts/Cairo-Bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:CairoFast;src:url('/assets/fonts/Cairo-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
body{font-family:CairoFast,Cairo,Arial,sans-serif}.section{content-visibility:auto;contain-intrinsic-size:900px}.header{top:0}.hero{height:calc(100svh - 82px);min-height:620px;max-height:760px;overflow:hidden}.hero-grid{height:100%;padding:30px 0;gap:34px}.hero h1{font-size:clamp(2.4rem,4.3vw,4.7rem);margin:9px 0 13px}.hero p{font-size:1rem;margin:0}.hero-actions{margin:18px 0}.hero-copy{position:relative;z-index:3}.hero-copy.visible h1 span{animation:bluePulse 3s ease-in-out infinite}.call-btn{background:linear-gradient(135deg,#f5f8fb,#b8c8d9);color:#06152d;box-shadow:0 10px 30px rgba(220,229,238,.16)}.call-icon{font-size:1.15rem}.hero-media{height:min(64vh,540px);min-height:450px;isolation:isolate;display:grid;place-items:center;overflow:visible}.hero-frame{position:absolute;inset:8% 5% 3% 5%;z-index:-1;border:1px solid rgba(22,174,255,.75);border-radius:72px 20px 72px 20px;background:linear-gradient(145deg,rgba(4,20,45,.94),rgba(0,141,244,.08));box-shadow:inset 0 0 70px rgba(0,141,244,.12),0 24px 60px rgba(0,0,0,.35)}.hero-media:before{display:none}.hero-media img{height:112%;width:112%;max-width:none;object-fit:contain;object-position:center bottom;border-radius:0;filter:drop-shadow(-20px 24px 26px rgba(0,0,0,.48)) saturate(.98) contrast(1.04);transform:translate(-2%,4%) rotate(-.4deg);animation:heroFloat 7s ease-in-out infinite}.hero-orb{position:absolute;width:360px;height:360px;left:-120px;top:8%;border-radius:50%;background:rgba(0,141,244,.12);filter:blur(80px);animation:orbMove 9s ease-in-out infinite}.media-note{z-index:4;bottom:17px;right:3%;animation:noteFloat 4s ease-in-out infinite}.offer{position:relative;margin-top:16px;padding:16px 18px 13px;border:1px solid rgba(255,211,53,.52);background:linear-gradient(120deg,rgba(34,27,5,.86),rgba(4,20,45,.95));box-shadow:0 14px 36px rgba(0,0,0,.26),inset 0 0 28px rgba(255,211,53,.045);overflow:visible}.offer:after{content:"";position:absolute;inset:-1px;border-radius:18px;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18),transparent 65%);background-size:250% 100%;pointer-events:none;animation:offerShine 4.5s linear infinite}.offer-ribbon{position:absolute;top:-13px;right:18px;background:#ffd335;color:#211b05;padding:3px 12px;border-radius:999px;font-size:.72rem;font-weight:800;box-shadow:0 5px 16px rgba(255,211,53,.22)}.offer-badge{font-size:1.02rem}.offer-live{display:flex;align-items:center;gap:7px;color:#fff;font-size:.76rem;white-space:nowrap}.offer-live i{width:8px;height:8px;border-radius:50%;background:#ffd335;box-shadow:0 0 0 5px rgba(255,211,53,.13);animation:livePulse 1.6s ease-out infinite}.timer{margin-top:10px}.time-unit{padding:5px 8px}.time-unit strong{font-size:1.15rem}.trust-strip{z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#030b18,#071529,#030b18)}.trust-row{min-height:78px;gap:20px}.trust-item{min-width:230px;justify-content:center;padding:10px 20px;background:rgba(255,255,255,.045);box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .25s,border-color .25s}.trust-item:hover{transform:translateY(-3px);border-color:rgba(22,174,255,.55)}.trust-item b,.trust-item i{font-size:1.15rem}.service{isolation:isolate;background:#06152d}.service img{object-fit:contain;opacity:.9;transition:transform .65s ease,filter .65s ease;filter:saturate(.9) brightness(.88)}.service:hover img{transform:scale(1.045);filter:saturate(1) brightness(.98)}.service:after{z-index:0;background:linear-gradient(0deg,rgba(2,9,22,.99) 0%,rgba(2,9,22,.86) 25%,rgba(2,9,22,.2) 70%,rgba(2,9,22,.06) 100%)}.service-copy{left:0;right:0;padding:34px 30px 28px;text-shadow:0 3px 10px #000}.service h3,.service h2{color:#fff;font-size:1.65rem;line-height:1.35;font-weight:800;margin:0 0 8px}.service h3:after,.service h2:after{content:"";display:block;width:46px;height:3px;margin-top:9px;background:var(--bright);border-radius:2px}.service p{color:#eef7ff;font-weight:600}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;transform:translateX(115%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:transform .6s}.btn:hover:after{transform:translateX(-115%)}.float-wa{width:62px;height:62px;border:3px solid #fff;box-shadow:0 8px 30px rgba(37,211,102,.45),0 0 0 7px rgba(37,211,102,.12);transition:transform .25s}.float-wa:hover{transform:translateY(-4px) scale(1.04)}.float-wa svg{width:36px;height:36px;display:block;fill:#fff}
@keyframes heroFloat{0%,100%{transform:translate(-2%,4%) rotate(-.4deg)}50%{transform:translate(-2%,1.5%) rotate(.25deg)}}@keyframes noteFloat{50%{transform:translateY(-7px)}}@keyframes orbMove{50%{transform:translate(70px,35px) scale(1.1)}}@keyframes bluePulse{50%{text-shadow:0 0 24px rgba(22,174,255,.5)}}@keyframes offerShine{to{background-position:-250% 0}}@keyframes livePulse{70%{box-shadow:0 0 0 10px transparent}}
@media(max-width:900px){.hero{height:auto;min-height:0;max-height:none}.hero-grid{height:auto;padding:30px 0 44px;gap:18px}.hero-media{height:390px;min-height:0;order:2}.hero-media img{height:108%;width:108%}.hero-frame{inset:10% 5% 4%}.trust-row{min-height:auto;padding:14px 0;flex-wrap:wrap}.trust-item{min-width:0;flex:1}.section{contain-intrinsic-size:700px}}
@media(max-width:600px){.hero-grid{padding:24px 0 34px}.hero h1{font-size:2.1rem;margin:7px 0 10px}.hero p{font-size:.87rem;line-height:1.7}.hero-actions{margin:14px 0}.hero-actions .btn{min-height:46px;padding:8px 16px}.offer{margin-top:12px;padding:17px 12px 10px}.offer-head{gap:7px}.offer-live{font-size:.68rem}.offer-ribbon{font-size:.66rem}.time-unit{padding:4px}.hero-media{height:330px}.hero-media img{height:110%;width:110%;transform:translate(-1%,4%)}.media-note{font-size:.74rem;padding:8px 12px}.trust-row{display:grid;grid-template-columns:1fr;padding:15px 0;overflow:visible}.trust-item{font-size:.8rem;padding:8px 13px}.service{min-height:390px}.service img{object-fit:contain;background:#06152d}.service-copy{padding:26px 22px}.float-wa{width:58px;height:58px;right:15px;bottom:16px}.footer-logo{height:88px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){.hero-media img,.hero-orb,.media-note,.offer:after,.offer-live i,.hero-copy.visible h1 span{animation:none!important}}

/* Keep the portrait inside the frame; only the left arm crosses its edge. */
.hero-media{overflow:visible;transform:translateY(-2%)}
.hero-frame{inset:4% 5% 4%;z-index:2;pointer-events:none}
.hero-image-clip{position:absolute;inset:4% 5% 4%;overflow:hidden;border-radius:72px 20px 72px 20px;z-index:1}
.hero-image-clip .hero-person{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center top;border-radius:0;filter:drop-shadow(-14px 18px 22px rgba(0,0,0,.4)) saturate(.98) contrast(1.04);transform:translateY(-2%) scale(1.01);animation:portraitFloat 7s ease-in-out infinite}
.hero-person-pop{position:absolute;inset:4% 5% 4%;z-index:3;width:90%;height:92%;max-width:none;object-fit:contain;object-position:center top;transform:translateY(-2%) scale(1.01);filter:drop-shadow(-10px 12px 10px rgba(0,0,0,.42));clip-path:polygon(0 48%,34% 49%,55% 61%,58% 72%,45% 82%,12% 78%,0 69%);pointer-events:none;animation:portraitFloat 7s ease-in-out infinite}
.media-note{z-index:4}
@keyframes portraitFloat{0%,100%{transform:translateY(-2%) scale(1.01)}50%{transform:translateY(-3.2%) scale(1.01)}}
@media(max-width:900px){.hero-media{transform:translateY(0)}.hero-frame,.hero-image-clip,.hero-person-pop{inset:5% 4% 3%}.hero-image-clip{border-radius:48px 16px}.hero-person-pop{width:92%;height:94%;clip-path:polygon(0 50%,36% 50%,57% 62%,58% 73%,45% 82%,10% 78%,0 69%)}}
@media(max-width:600px){.hero-frame,.hero-image-clip,.hero-person-pop{inset:4% 3% 2%}.hero-image-clip{border-radius:38px 14px}.hero-person-pop{clip-path:polygon(0 51%,35% 51%,57% 63%,57% 73%,44% 81%,8% 77%,0 68%)}}
@media(prefers-reduced-motion:reduce){.hero-image-clip .hero-person,.hero-person-pop{animation:none}}

/* Corrected depth stack: background, portrait, border, then left forearm only. */
.hero-media{transform:translateY(-1%);overflow:visible}
.hero-frame{inset:4% 5%;z-index:0;border:0;background:linear-gradient(145deg,rgba(4,20,45,.94),rgba(0,141,244,.08));border-radius:72px 20px 72px 20px}
.hero-media::after{content:"";position:absolute;inset:4% 5%;z-index:2;border:1px solid rgba(22,174,255,.9);border-radius:72px 20px 72px 20px;pointer-events:none;box-shadow:inset 0 0 70px rgba(0,141,244,.08)}
.hero-image-clip{inset:4% 5%;z-index:1;border-radius:72px 20px 72px 20px}
.hero-image-clip .hero-person,
.hero-media>.hero-person-pop{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center top;border-radius:0;transform:translate(-2%,-3%) scale(1.3);transform-origin:center top;animation:portraitFloatV2 7s ease-in-out infinite}
.hero-image-clip .hero-person{filter:drop-shadow(-14px 18px 22px rgba(0,0,0,.4)) saturate(1.05) contrast(1.06)}
.hero-media>.hero-person-pop{z-index:3;clip-path:polygon(0 49%,47% 49%,58% 62%,54% 76%,35% 82%,0 78%);filter:drop-shadow(-9px 11px 9px rgba(0,0,0,.38));pointer-events:none}
.media-note{z-index:4}
@keyframes portraitFloatV2{0%,100%{transform:translate(-2%,-3%) scale(1.3)}50%{transform:translate(-2%,-4%) scale(1.3)}}
@media(max-width:900px){.hero-media{transform:none}.hero-frame,.hero-media::after,.hero-image-clip{inset:4%}.hero-frame,.hero-media::after,.hero-image-clip{border-radius:48px 16px}.hero-image-clip .hero-person,.hero-media>.hero-person-pop{transform:translate(-2%,-2%) scale(1.22)}.hero-media>.hero-person-pop{clip-path:polygon(0 50%,47% 50%,58% 63%,53% 77%,34% 82%,0 78%)}@keyframes portraitFloatV2{0%,100%{transform:translate(-2%,-2%) scale(1.22)}50%{transform:translate(-2%,-3%) scale(1.22)}}}
@media(max-width:600px){.hero-frame,.hero-media::after,.hero-image-clip{inset:3%}.hero-frame,.hero-media::after,.hero-image-clip{border-radius:38px 14px}.hero-image-clip .hero-person,.hero-media>.hero-person-pop{transform:translate(-2%,-1%) scale(1.18)}@keyframes portraitFloatV2{0%,100%{transform:translate(-2%,-1%) scale(1.18)}50%{transform:translate(-2%,-2%) scale(1.18)}}}
@media(prefers-reduced-motion:reduce){.hero-image-clip .hero-person,.hero-media>.hero-person-pop{animation:none}}

/* Pixel-align the arm overlay with the clipped portrait viewport. */
.hero-media>.hero-person-pop{inset:4% 5%;width:90%;height:92%}
@media(max-width:900px){.hero-media>.hero-person-pop{inset:4%;width:92%;height:92%}}
@media(max-width:600px){.hero-media>.hero-person-pop{inset:3%;width:94%;height:94%}}

.offer{margin-top:36px}
@media(max-width:600px){.offer{margin-top:32px}}

/* Final hero portrait composition */
.hero-frame,.hero-media::after,.hero-image-clip{inset:0 12% 2%;border-radius:72px 20px 72px 20px}
.hero-media>.hero-person-pop{inset:0 12% 2%;width:76%;height:98%}
.hero-image-clip .hero-person,.hero-media>.hero-person-pop{transform:translate(-3%,-1%) scale(1.42);transform-origin:center top}
.hero-media>.hero-person-pop{clip-path:polygon(0 46%,50% 46%,63% 60%,59% 75%,39% 84%,0 80%)}
@keyframes portraitFloatV2{0%,100%{transform:translate(-3%,-1%) scale(1.42)}50%{transform:translate(-3%,-2%) scale(1.42)}}
@media(max-width:900px){.hero-frame,.hero-media::after,.hero-image-clip{inset:1% 8% 2%;border-radius:48px 16px}.hero-media>.hero-person-pop{inset:1% 8% 2%;width:84%;height:97%}.hero-image-clip .hero-person,.hero-media>.hero-person-pop{transform:translate(-2%,-1%) scale(1.3)}@keyframes portraitFloatV2{0%,100%{transform:translate(-2%,-1%) scale(1.3)}50%{transform:translate(-2%,-2%) scale(1.3)}}}
@media(max-width:600px){.hero-frame,.hero-media::after,.hero-image-clip{inset:1% 6% 2%;border-radius:38px 14px}.hero-media>.hero-person-pop{inset:1% 6% 2%;width:88%;height:97%}.hero-image-clip .hero-person,.hero-media>.hero-person-pop{transform:translate(-2%,0) scale(1.24)}@keyframes portraitFloatV2{0%,100%{transform:translate(-2%,0) scale(1.24)}50%{transform:translate(-2%,-1%) scale(1.24)}}}
/* Arm-only border breakout */
.hero-media>.hero-person-pop{clip-path:polygon(0 56%,19% 53%,43% 57%,54% 63%,47% 69%,15% 70%,0 66%)}
@media(max-width:900px){.hero-media>.hero-person-pop{clip-path:polygon(0 56%,19% 53%,43% 57%,54% 63%,47% 69%,15% 70%,0 66%)}}
@media(max-width:600px){.hero-media>.hero-person-pop{clip-path:polygon(0 56%,19% 53%,43% 57%,54% 63%,47% 69%,15% 70%,0 66%)}}