/* Scoped LunaPhone case-study scene: the live orb with call, agent-step, chat and booking cards. */
#case-study-lunaphone .luna-feature-art{display:block;padding:0;min-height:480px;background:#051018;container-type:inline-size}
#case-study-lunaphone .luna-feature-art:after{content:none}
#case-study-lunaphone .luna-feature-preview{position:absolute;inset:0;isolation:isolate;display:block;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#072632aa,transparent 58%),#051018;outline-offset:-3px}
#case-study-lunaphone .luna-feature-preview:focus-visible{outline:2px solid #68e8ff}
#case-study-lunaphone .luna-feature-card{position:absolute;z-index:2;display:block;padding:12px 13px;border:1px solid #284756;border-radius:10px;background:#0a1823e8;box-shadow:0 14px 34px #0007;color:#dcebf3;font-size:10px;line-height:1.45}
#case-study-lunaphone .luna-feature-card svg{flex:none;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#case-study-lunaphone .luna-feature-card small{font-size:8px;color:#8fb0c0}
#case-study-lunaphone .luna-feature-card b{font-weight:550;color:#eef8ff}
#case-study-lunaphone .luna-feature-head{display:flex;align-items:center;gap:9px}
#case-study-lunaphone .luna-feature-head>span:last-child,#case-study-lunaphone .luna-feature-booked>span:nth-child(2){display:grid;gap:1px}
#case-study-lunaphone .luna-feature-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#12293a;color:#cfe9f5}
#case-study-lunaphone .luna-feature-call{left:3%;top:7%;width:29%}
#case-study-lunaphone .luna-feature-head b{font-size:13px;letter-spacing:-.2px}
#case-study-lunaphone .luna-feature-quote{display:block;margin:10px 0 11px;color:#c5d9e4}
#case-study-lunaphone .luna-feature-answer{display:flex;justify-content:center;gap:12px}
#case-study-lunaphone .luna-feature-answer i{display:grid;place-items:center;width:42px;height:22px;border-radius:11px;color:#fff}
#case-study-lunaphone .luna-feature-answer svg{width:11px;height:11px;stroke-width:2}
#case-study-lunaphone .luna-feature-decline{background:#ef4a5b}
#case-study-lunaphone .luna-feature-decline svg{transform:rotate(135deg)}
#case-study-lunaphone .luna-feature-accept{background:#2fc067}
#case-study-lunaphone .luna-feature-steps{left:3%;bottom:7%;width:29%;padding:5px 13px}
#case-study-lunaphone .luna-feature-steps>span{display:flex;align-items:center;gap:8px;padding:6px 0;color:#d2e4ee}
#case-study-lunaphone .luna-feature-steps>span+span{border-top:1px solid #1b3442}
#case-study-lunaphone .luna-feature-steps>span>svg{color:var(--cyan)}
#case-study-lunaphone .luna-feature-steps>.luna-feature-done>svg{padding:2px;border-radius:50%;background:var(--green);color:#05221a;stroke-width:3}
#case-study-lunaphone .luna-feature-steps small{margin-left:auto;white-space:nowrap}
#case-study-lunaphone .luna-feature-steps .luna-feature-live{color:var(--green)}
#case-study-lunaphone .luna-feature-live:before{content:"";display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--green);vertical-align:1px}
#case-study-lunaphone .luna-feature-chat{right:3%;top:7%;width:31%}
#case-study-lunaphone .luna-feature-chat-head{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#eef8ff}
#case-study-lunaphone .luna-feature-chat-head small{margin-left:auto}
#case-study-lunaphone .luna-feature-bubble{display:block;margin-top:6px;padding:7px 9px;border-radius:8px;background:#14293a;color:#d7e6ef}
#case-study-lunaphone .luna-feature-reply{margin-left:14px;border:1px solid #2b6377;background:#0b2230}
#case-study-lunaphone .luna-feature-booked{right:3%;bottom:7%;width:31%;display:flex;align-items:center;gap:10px}
#case-study-lunaphone .luna-feature-booked>.luna-feature-icon{color:var(--cyan)}
#case-study-lunaphone .luna-feature-check{display:grid;place-items:center;width:24px;height:24px;flex:none;margin-left:auto;border:1px solid #2b6377;border-radius:50%;color:var(--cyan)}
#case-study-lunaphone .luna-feature-languages{position:absolute;left:50%;bottom:9%;z-index:2;display:flex;align-items:center;gap:6px;transform:translateX(-50%);color:#a9c4d2;font-size:10px;white-space:nowrap}
#case-study-lunaphone .luna-feature-languages b{font-weight:550;color:#eef8ff}
#case-study-lunaphone .luna-feature-languages svg{width:12px;height:12px;fill:none;stroke:var(--cyan);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#case-study-lunaphone .luna-feature-orb{position:absolute;left:50%;top:45%;width:38%;max-width:330px;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
#case-study-lunaphone .luna-feature-orb img,#case-study-lunaphone .luna-feature-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
#case-study-lunaphone .luna-feature-canvas{opacity:0}
#case-study-lunaphone .luna-feature-orb[data-live="true"] .luna-feature-canvas{opacity:1}
#case-study-lunaphone .luna-feature-orb[data-live="true"] img{opacity:0}
#case-study-lunaphone .luna-feature-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;filter:drop-shadow(0 0 5px #42e5fd)}
#case-study-lunaphone .luna-feature-wave i{width:2px;height:var(--luna-bar,10px);display:block;border-radius:8px;background:#53e8ff;transform:scaleY(var(--luna-scale,1))}
#case-study-lunaphone .luna-feature-wave i:nth-child(1),#case-study-lunaphone .luna-feature-wave i:nth-child(7){--luna-bar:6px}
#case-study-lunaphone .luna-feature-wave i:nth-child(2),#case-study-lunaphone .luna-feature-wave i:nth-child(6){--luna-bar:11px}
#case-study-lunaphone .luna-feature-wave i:nth-child(3),#case-study-lunaphone .luna-feature-wave i:nth-child(5){--luna-bar:18px}
#case-study-lunaphone .luna-feature-wave i:nth-child(4){--luna-bar:24px}
#case-study-lunaphone .luna-feature-motion{position:absolute;left:61%;top:64%;z-index:4;display:grid;place-items:center;width:30px;height:30px;padding:5px;border:1px solid #284756;border-radius:50%;color:#96bccb;background:#06121bed;cursor:pointer}
#case-study-lunaphone .luna-feature-motion[hidden]{display:none}
#case-study-lunaphone .luna-feature-motion:hover{border-color:#55d6f9;color:#ddfaff}
#case-study-lunaphone .luna-feature-motion:focus-visible{outline:2px solid #55d6f9;outline-offset:3px}
#case-study-lunaphone .luna-feature-motion svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#case-study-lunaphone .luna-feature-play{display:none}
#case-study-lunaphone .luna-feature-motion[aria-pressed="true"] .luna-feature-play{display:block}
#case-study-lunaphone .luna-feature-motion[aria-pressed="true"] .luna-feature-pause{display:none}
#case-study-lunaphone .project-numbers{display:grid;grid-template-columns:.85fr 1.25fr 1fr;gap:14px}
#case-study-lunaphone .project-numbers>div{min-width:0}
#case-study-lunaphone .project-numbers b{font-size:23px;letter-spacing:-.7px;white-space:nowrap}
#case-study-lunaphone .project-numbers small{font-size:8px;line-height:1.55}
#case-study-lunaphone .luna-feature-value{display:grid;grid-template-columns:1fr;gap:0;margin:20px 0 23px;padding:4px 16px;border-left:2px solid #55d6f966;background:#091822}
#case-study-lunaphone .luna-feature-value>div{padding:12px 0}
#case-study-lunaphone .luna-feature-value>div+div{border-top:1px solid #213542}
#case-study-lunaphone .luna-feature-value strong{display:block;font-size:12px;font-weight:550;line-height:1.5;color:#d9edf6}
#case-study-lunaphone .luna-feature-value span{display:block;font-size:11px;line-height:1.65;color:#99afc0;margin-top:3px}
#case-study-lunaphone .luna-feature-note{font-size:10px;line-height:1.8;color:#92a6b8;margin-top:20px}
#case-study-mix-modeler{scroll-margin-top:105px}
@media(min-width:961px){#case-study-lunaphone .detail-columns{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1200px){#case-study-lunaphone .project-numbers b{font-size:20px}}
@media(min-width:681px) and (max-width:960px){#case-study-lunaphone .luna-feature-art{min-height:0;aspect-ratio:16/10}#case-study-lunaphone .project-numbers b{font-size:18px}#case-study-lunaphone .project-numbers small{font-size:7px}#case-study-lunaphone .project-numbers{gap:10px}}
@media(max-width:680px){#case-study-lunaphone .luna-feature-art{min-height:0;aspect-ratio:1/1.02}#case-study-lunaphone .project-numbers b{font-size:22px}#case-study-lunaphone .luna-feature-motion{width:32px;height:32px}}
@media(max-width:390px){#case-study-lunaphone .project-numbers{gap:8px;grid-template-columns:.65fr 1.45fr 1fr}#case-study-lunaphone .project-numbers b{font-size:18px}#case-study-lunaphone .project-numbers small{font-size:7px}}
@container (max-width:700px){
 #case-study-lunaphone .luna-feature-steps,#case-study-lunaphone .luna-feature-booked,#case-study-lunaphone .luna-feature-languages{display:none}
 #case-study-lunaphone .luna-feature-call{top:6%;width:40%}
 #case-study-lunaphone .luna-feature-chat{top:auto;bottom:6%;width:44%}
 #case-study-lunaphone .luna-feature-orb{left:58%;top:43%;width:46%}
 #case-study-lunaphone .luna-feature-motion{left:auto;right:3%;top:5%}
}
@container (max-width:460px){
 #case-study-lunaphone .luna-feature-card{padding:9px 10px;font-size:9px}
 #case-study-lunaphone .luna-feature-call{left:3%;top:4%;width:62%}
 #case-study-lunaphone .luna-feature-head b{font-size:11px}
 #case-study-lunaphone .luna-feature-answer{display:none}
 #case-study-lunaphone .luna-feature-chat{right:3%;bottom:4%;width:66%}
 #case-study-lunaphone .luna-feature-orb{left:72%;top:42%;width:52%}
 #case-study-lunaphone .luna-feature-motion{top:4%}
}