/* BN717 - Home hero with depth: realistic phones in perspective, layered shadows, paper price tags, subtle grain, gentle parallax. */
.hero{position:relative;isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 .18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bn664-hero{perspective:1600px;perspective-origin:50% 40%;--rx:0deg;--ry:0deg}
.bn717-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(4deg + var(--rx))) rotateY(calc(-10deg + var(--ry)));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bn664-ph{transform-style:preserve-3d;border-radius:44px!important;padding:9px!important;background:linear-gradient(145deg,#3b4048 0%,#1b1f24 35%,#2a2f36 60%,#0f1216 100%)!important;border:0!important;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18),inset 0 0 0 3px #0b0d10,0 1px 1px rgba(0,0,0,.25),0 18px 30px -10px rgba(16,24,40,.35),0 50px 80px -30px rgba(16,24,40,.45)!important}
.bn664-ph::before{content:"";position:absolute;right:-3px;top:110px;width:3px;height:56px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#2a2f36,#4b515a);box-shadow:0 74px 0 #2a2f36}
.bn664-ph::after{content:"";position:absolute;inset:9px;border-radius:36px;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 28%,rgba(255,255,255,0) 45%)}
.bn664-ph img{border-radius:36px!important;display:block}
.bn664-ph.a{transform:translateZ(30px) rotateZ(-3deg)!important}
.bn664-ph.b{transform:translateZ(70px) rotateZ(2deg)!important}
.bn717-floor{position:absolute;left:8%;right:8%;bottom:-26px;height:46px;border-radius:50%;background:radial-gradient(closest-side,rgba(16,24,40,.32),rgba(16,24,40,0));filter:blur(6px);transform:translateZ(-40px);pointer-events:none}
.bn664-hero [class*=chip],.bn664-hero .bn664-chip{transform:translateZ(110px);box-shadow:0 1px 2px rgba(16,24,40,.08),0 14px 28px -10px rgba(16,24,40,.35)!important}
.bn717-tag{position:absolute;z-index:6;width:104px;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(60,40,20,.26)) drop-shadow(0 2px 3px rgba(60,40,20,.22));backface-visibility:hidden}
.bn717-tag svg{display:block;width:100%;height:auto}
.bn717-tag.t1{left:-6%;top:-3%;transform:rotate(-12deg)}
.bn717-tag.t2{right:-7%;top:32%;transform:rotate(9deg)}
@media (max-width:900px){.bn717-stage{transform:rotateX(3deg) rotateY(-6deg)}.bn717-tag{width:78px}.bn717-tag.t1{left:-2%;top:-4%}.bn717-tag.t2{right:-2%;top:26%}}
@media (prefers-reduced-motion:reduce){.bn717-stage{transition:none}}
@media (max-width:600px){.bn717-tag.t2{display:none}}

/* BN723: tags drawn flat (crisp edges) above the 3D scene */
.bn664-hero{position:relative}.bn664-hero>.bn717-tag{z-index:20}