.dbhn,.dbhn *{box-sizing:border-box}
.dbhn{max-width:1240px;margin:28px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate}
.dbhn .dbhn-hero{position:relative;display:block;min-height:266px;padding:28px 36px;border-radius:28px;background:radial-gradient(ellipse at 82% 52%,#79152575,transparent 50%),linear-gradient(115deg,#141820,#17141e 60%,#2a1422);color:#fff5ed;text-decoration:none!important;box-shadow:0 7px 0 #371c29,0 20px 36px -23px #26122566;overflow:hidden}
.dbhn .dbhn-art{position:absolute;inset:0 0 0 45%;pointer-events:none;perspective:800px}
.dbhn .dbhn-orbit{position:absolute;width:350px;height:350px;border:1px solid #ee58622e;border-radius:50%;right:15%;top:-8px;box-shadow:0 0 0 38px #e92b3c09,0 0 0 76px #e92b3c07}
.dbhn .dbhn-screen{position:absolute;display:block;width:150px;height:184px;right:23%;top:46px;border-radius:19px;transform:rotateY(-24deg) rotateZ(-10deg);border:1px solid #ff809147;background:linear-gradient(145deg,#65404c,#261722);box-shadow:12px 12px 0 #0e0f18,24px 25px 45px #0007}
.dbhn .dbhn-screen--back{right:4%;top:40px;width:150px;height:184px;transform:rotateY(-22deg) rotateZ(13deg);background:linear-gradient(145deg,#56233c,#10131b);border-color:#e14a552f}
.dbhn .dbhn-screen--front>span{display:block;font-size:11px;font-weight:800;letter-spacing:2px;color:#ee6371;padding:17px 14px}
.dbhn .dbhn-screen--front>i{position:absolute;width:100px;height:4px;bottom:18px;left:20px;background:linear-gradient(90deg,#d52949 70%,#52313e 70%);border-radius:5px}
.dbhn .dbhn-n{position:absolute;width:220px;height:250px;object-fit:contain;right:13%;top:2px;z-index:2;transform:rotateY(-12deg) rotateZ(5deg);filter:drop-shadow(15px 20px 12px #0008);margin:0;border:0;max-width:none}
.dbhn .dbhn-platform{position:absolute;display:block;width:235px;height:43px;border-radius:50%;bottom:22px;right:13%;background:radial-gradient(ellipse,#ec3a4e3d,#b9324530 35%,#8f2d3d14 60%,transparent 70%);transform:rotate(-6deg)}
.dbhn .dbhn-content{position:relative;z-index:3;display:flex;align-items:flex-start;flex-direction:column;max-width:420px}

.dbhn .dbhn-brand{display:block;font-size:34px;line-height:1.1;letter-spacing:3px;font-weight:900;color:#fa3f54;margin:0;text-shadow:0 2px 0 #670b28}

.dbhn .dbhn-price{display:flex;flex-direction:column;margin-top:16px;gap:2px}
.dbhn .dbhn-price>span{font-size:12px;color:#c9bdc1;line-height:1.5}
.dbhn .dbhn-price strong{font-size:51px;font-weight:800;line-height:1.06;letter-spacing:-2px;color:#fff7ed;white-space:nowrap}
.dbhn .dbhn-price strong span{font-size:26px;font-weight:600;letter-spacing:0;margin-right:4px;vertical-align:6px;color:#edb3b4}
.dbhn .dbhn-cta{display:inline-flex;align-items:center;gap:27px;color:#fff7f4;background:linear-gradient(140deg,#f23e54,#ce153d);font-size:13px;line-height:1.4;font-weight:750;padding:13px 18px;border-radius:13px;box-shadow:0 4px 0 #7b0f2d;margin-top:22px;transition:transform .2s ease}
.dbhn .dbhn-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dbhn .dbhn-hero:focus-visible{outline:3px solid #e63f57;outline-offset:6px}
@media(hover:hover){.dbhn .dbhn-hero:hover .dbhn-cta{transform:translateY(-3px)}}
.dbhn .dbhn-hero:active .dbhn-cta{transform:translateY(2px)}
.dbhg-choice--netflix{background:linear-gradient(110deg,#fff0f0,#fffdf8)}
.dbhg-choice--netflix .dbhg-choice__copy>.dbhg-choice__action{color:#c82645}
.dbhg-choice--netflix .dbhg-choice__icon img{width:76px;height:86px}
@media(max-width:640px){
 .dbhn{margin:25px auto;max-width:100%;min-width:0}
 .dbhn .dbhn-hero{min-height:254px;padding:24px 22px;border-radius:25px}
 .dbhn .dbhn-art{inset:0 -36px 0 32%}
 .dbhn .dbhn-orbit{width:240px;height:240px;right:-32px;top:6px}
 .dbhn .dbhn-screen{width:112px;height:158px;right:39px;top:48px;transform:rotateY(-25deg) rotateZ(-11deg)}
 .dbhn .dbhn-screen--back{right:-8px;top:45px;width:102px;height:150px;transform:rotateY(-22deg) rotateZ(15deg)}
 .dbhn .dbhn-screen--front>span{font-size:8px;padding:13px 11px}
 .dbhn .dbhn-screen--front>i{width:80px;left:14px;bottom:13px}
 .dbhn .dbhn-n{width:196px;height:224px;right:0;top:14px;filter:drop-shadow(10px 15px 8px #0007)}
 .dbhn .dbhn-platform{width:190px;height:35px;right:0;bottom:20px}
 .dbhn .dbhn-content{max-width:205px}
 .dbhn .dbhn-brand{font-size:26px;letter-spacing:2px;margin:0}

 .dbhn .dbhn-price{margin-top:18px}
 .dbhn .dbhn-price strong{font-size:52px}
 .dbhn .dbhn-cta{font-size:12px;padding:12px 16px;gap:22px;margin-top:20px}
}
@media(max-width:350px){.dbhn .dbhn-hero{padding-inline:18px}.dbhn .dbhn-art{right:-55px}.dbhn .dbhn-n{width:180px;right:0;top:18px}.dbhn .dbhn-brand{font-size:25px}.dbhn .dbhn-content{max-width:175px}}
@media(prefers-reduced-motion:reduce){.dbhn .dbhn-cta{transition:none}.dbhn .dbhn-hero:active .dbhn-cta,.dbhn .dbhn-hero:hover .dbhn-cta{transform:none}}
@media(prefers-reduced-motion:no-preference){.dbhn .dbhn-hero[data-dbh-depth="1"] .dbhn-art{transform:translate3d(var(--dbh-depth-x,0px),var(--dbh-depth-y,0px),0) rotate(var(--dbh-depth-turn,0deg))}}
