#jb-exploded-phone{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 44%,rgba(233,154,60,.065),transparent 56%),linear-gradient(125deg,#fff 0%,#f5f5f3 64%,#f6f3ed 100%);padding:clamp(64px,8vw,120px) 0;color:#25282D;overflow:hidden;border-block:1px solid #E7E7E7}
#jb-exploded-phone *{box-sizing:border-box}
#jb-exploded-phone .jb-phone-shell{width:min(1280px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(20px,4vw,70px);align-items:center}
#jb-exploded-phone .jb-phone-copy{position:relative;z-index:2;max-width:510px}
#jb-exploded-phone .jb-phone-kicker{font:700 10px/1.7 Inter,system-ui,sans-serif;letter-spacing:.16em;color:#777;margin:0 0 24px;max-width:360px}
#jb-exploded-phone h2{font:750 clamp(34px,3.6vw,54px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-.055em;margin:0 0 25px;color:#25282D;text-transform:none}
#jb-exploded-phone h2 em{font-style:normal;color:#E99A3C}
#jb-exploded-phone .jb-phone-intro{font-size:15px;line-height:1.8;color:#777;max-width:450px;margin:0 0 32px}
#jb-exploded-phone .jb-phone-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 34px;padding-top:22px;border-top:1px solid #E7E7E7}
#jb-exploded-phone dt{font-size:9px;font-weight:700;letter-spacing:.14em;color:#777;margin-bottom:9px}
#jb-exploded-phone dd{font-size:12px;font-weight:600;line-height:1.7;margin:0;color:#25282D}
#jb-exploded-phone .jb-phone-actions{display:flex;gap:12px;flex-wrap:wrap}
#jb-exploded-phone .jb-phone-actions a{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:100px;font-size:12px;font-weight:650;padding:14px 20px;min-height:46px;text-decoration:none;border:1px solid #E99A3C}
#jb-exploded-phone .jb-phone-primary{background:#25282D;color:#E99A3C}
#jb-exploded-phone .jb-phone-secondary{background:#fff;color:#25282D}
#jb-exploded-phone .jb-phone-actions a:hover{background:#fff;color:#25282D;box-shadow:0 6px 16px #25282D0c}
#jb-exploded-phone .jb-phone-concept{font-size:10px;color:#777;margin:24px 0 0}
#jb-exploded-phone .jb-phone-visual{min-width:0;position:relative}
#jb-exploded-phone .jb-phone-stage{position:relative;width:100%;height:620px;min-width:0;touch-action:pan-y}
#jb-exploded-phone canvas{display:block;width:100%;height:100%;outline:none}
#jb-exploded-phone .jb-phone-visual-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:9px;letter-spacing:.12em;color:#777;min-height:44px;padding:0 22px}
#jb-exploded-phone .jb-phone-visual-caption i{display:inline-block;width:6px;height:6px;border:1px solid #E99A3C;border-radius:50%;margin-right:7px}
#jb-exploded-phone .jb-phone-motion{background:transparent;border:1px solid #E7E7E7;border-radius:999px;color:#25282D;font:500 10px/1.4 Inter,system-ui,sans-serif;min-height:36px;padding:8px 12px;cursor:pointer;letter-spacing:0}
#jb-exploded-phone [hidden]{display:none!important}
#jb-exploded-phone .jb-phone-fallback{position:absolute;inset:0;perspective:900px}
#jb-exploded-phone .jb-phone-fallback-device{position:absolute;width:205px;left:35%;top:22%;border:9px solid #25282D;border-radius:34px;overflow:hidden;transform:rotateX(35deg) rotateZ(-32deg);box-shadow:8px 12px 0 #777,16px 28px 40px #25282D25;background:#fff}
#jb-exploded-phone .jb-phone-fallback-device img{width:100%;height:auto}
#jb-exploded-phone .jb-phone-fallback-panel{position:absolute;background:rgba(255,255,255,.97);border:1px solid #E7E7E7;border-radius:20px;padding:19px;display:grid;gap:8px;box-shadow:0 22px 32px #25282D16;transform:rotateX(28deg) rotateZ(-20deg)}
#jb-exploded-phone .jb-phone-fallback-panel small{font-size:8px;color:#777;letter-spacing:.1em}
#jb-exploded-phone .jb-phone-fallback-panel strong{font-size:15px}
#jb-exploded-phone .jb-phone-fallback-panel span{font-size:10px;color:#777}
#jb-exploded-phone .jb-phone-fallback-panel-a{width:240px;left:7%;top:29%}
#jb-exploded-phone .jb-phone-fallback-panel-b{width:220px;right:4%;top:12%}
#jb-exploded-phone .jb-phone-fallback-panel-c{width:200px;right:3%;bottom:20%}
@media(max-width:1050px){#jb-exploded-phone .jb-phone-shell{width:calc(100% - 48px);gap:16px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}#jb-exploded-phone .jb-phone-stage{height:540px}#jb-exploded-phone .jb-phone-details{grid-template-columns:1fr;gap:16px}}
@media(max-width:760px){#jb-exploded-phone{padding:60px 0 42px}#jb-exploded-phone .jb-phone-shell{width:calc(100% - 36px);grid-template-columns:1fr;gap:12px}#jb-exploded-phone .jb-phone-copy{max-width:580px}#jb-exploded-phone h2{font-size:clamp(34px,8vw,48px)}#jb-exploded-phone .jb-phone-intro{font-size:14px;margin-bottom:24px}#jb-exploded-phone .jb-phone-details{grid-template-columns:1fr 1fr;margin-bottom:24px}#jb-exploded-phone .jb-phone-stage{height:480px}#jb-exploded-phone .jb-phone-visual-caption{padding:0 4px}#jb-exploded-phone .jb-phone-fallback-device{left:32%;width:170px}#jb-exploded-phone .jb-phone-fallback-panel-a{width:180px;left:0}#jb-exploded-phone .jb-phone-fallback-panel-b{width:170px;right:0}#jb-exploded-phone .jb-phone-fallback-panel-c{width:160px;right:0}}
@media(max-width:380px){#jb-exploded-phone .jb-phone-details{grid-template-columns:1fr}#jb-exploded-phone .jb-phone-stage{height:430px}#jb-exploded-phone .jb-phone-actions{flex-direction:column}}