/* Mike AI homepage — approved reference lockup under the header. Voice behavior intentionally untouched. */
.voice-box{height:640px!important;justify-content:flex-start!important;padding-top:44px!important;border-color:#f26b2166!important;background:radial-gradient(circle at 50% 35%,#10151a 0%,#07090b 48%,#030405 100%)!important;box-shadow:inset 0 0 90px #000,0 30px 90px #000!important;overflow:hidden;position:relative}.voice-box:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,transparent 0 28%,#27a9ff08 28.5%,transparent 29%),radial-gradient(circle at 50% 38%,transparent 0 44%,#f26b2110 44.5%,transparent 45%),radial-gradient(circle at 50% 38%,transparent 0 60%,#27a9ff08 60.5%,transparent 61%);pointer-events:none}.brand-dt{display:block!important;width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:14px!important;background:#f26b21!important;border:0!important;box-shadow:0 0 18px #f26b2122!important;font-size:0!important;color:transparent!important;position:relative!important;overflow:hidden!important}.brand-dt:before{content:'D'!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-family:Arial Black,Arial,sans-serif!important;font-weight:900!important;font-size:34px!important;color:#fff!important;padding-bottom:7px!important}.brand-dt:after{content:''!important;position:absolute!important;left:25px!important;bottom:0!important;width:7px!important;height:12px!important;background:#f26b21!important}.brand-dt span,.brand-dt em{display:none!important}.voice-orb{width:330px!important;height:330px!important;flex:0 0 330px!important;background:radial-gradient(circle at 50% 42%,#171a1d 0%,#090b0d 52%,#030405 100%)!important;border:2px solid #b9bec4!important;border-radius:50%!important;box-shadow:inset 0 0 0 8px #07090b,inset 0 0 35px #000,0 0 0 10px #07090b,0 0 0 12px #f26b2155,0 0 0 17px #27a9ff2b,0 0 30px #000,0 0 70px #27a9ff18!important;position:relative!important}.voice-orb:before{content:''!important;position:absolute!important;inset:-62px!important;border:2px solid #27a9ff!important;border-radius:50%!important;box-shadow:0 0 18px #27a9ff66,0 0 36px #27a9ff22,0 0 0 13px #07090b,0 0 0 15px #f26b21aa,0 0 0 18px #050607!important;background:repeating-conic-gradient(from 0deg,#27a9ff 0deg 1deg,transparent 1deg 7deg)!important;mask:radial-gradient(circle,transparent 0 78%,#000 78.5% 100%)!important;-webkit-mask:radial-gradient(circle,transparent 0 78%,#000 78.5% 100%)!important}.voice-orb:after{content:''!important;position:absolute!important;inset:-91px!important;border:0!important;border-radius:50%!important;background:repeating-conic-gradient(from 0deg,#f26b21 0deg 1deg,transparent 1deg 10deg)!important;mask:radial-gradient(circle,transparent 0 86%,#000 86.5% 100%)!important;-webkit-mask:radial-gradient(circle,transparent 0 86%,#000 86.5% 100%)!important;box-shadow:0 0 22px #f26b2128!important;pointer-events:none!important}.orb-core{width:65%!important;height:65%!important;display:grid!important;place-items:center!important;position:relative!important;font-size:0!important;letter-spacing:0!important;transform:none!important;text-shadow:none!important;z-index:3!important;background:radial-gradient(circle at 45% 32%,#202327 0%,#0a0c0e 62%,#030405 100%)!important;border:2px solid #aeb4ba!important;border-radius:50%!important;box-shadow:inset 0 0 0 6px #050607,inset 0 0 28px #000,0 0 22px #000,0 0 0 2px #f26b2144!important}.orb-core span,.orb-core em{display:none!important}.orb-core:before{content:''!important;display:block!important;width:84%!important;height:68%!important;background:url('/doertough-dt.svg') center 24%/100% auto no-repeat!important;filter:drop-shadow(0 4px 4px #000)!important;position:absolute!important;top:2%!important;left:8%!important}.orb-core:after{content:'MIKE'!important;position:absolute!important;left:50%!important;bottom:7%!important;transform:translateX(-50%)!important;font-family:Inter,system-ui,sans-serif!important;font-size:25px!important;font-weight:900!important;letter-spacing:.30em!important;color:#27a9ff!important;text-shadow:0 0 12px #27a9ff,0 2px 7px #000!important;white-space:nowrap!important;display:block!important}.voice-state{margin-top:54px!important;font-size:15px!important;letter-spacing:.20em!important;z-index:4!important}.state-dot{width:12px!important;height:12px!important}.voice-box.is-listening .voice-orb,.voice-box.is-speaking .voice-orb{box-shadow:inset 0 0 0 8px #07090b,inset 0 0 35px #000,0 0 0 10px #07090b,0 0 0 13px #27a9ff66,0 0 0 18px #f26b2133,0 0 40px #000,0 0 75px #27a9ff28!important}.voice-box.is-listening .voice-orb:before{animation:orbPulseBlue .9s ease-in-out infinite}.voice-box.is-speaking .voice-orb{animation:orbTalk .7s ease-in-out infinite}.voice-box.is-listening .state-dot{background:#27a9ff!important;box-shadow:0 0 0 7px #27a9ff18,0 0 18px #27a9ff!important}.voice-box.is-speaking .state-dot{background:#55d6ff!important;box-shadow:0 0 16px #27a9ff!important}.wave{height:48px!important;margin-top:22px!important;gap:6px!important;z-index:4!important}.wave i{width:4px!important;background:#132131!important}.voice-box.is-listening .wave i,.voice-box.is-speaking .wave i{background:#27a9ff!important;box-shadow:0 0 10px #27a9ff55!important}.voice-hint{margin-top:12px!important;font-size:14px!important;z-index:4!important}.voice-puck{width:min(560px,84%)!important;height:78px!important;margin-top:24px!important;padding:9px 18px 9px 10px!important;border-color:#27a9ff99!important;background:linear-gradient(135deg,#0d1720,#071017)!important;box-shadow:0 0 0 1px #27a9ff22,0 0 28px #27a9ff22,0 14px 34px #0009!important;z-index:4!important}.voice-puck:hover{border-color:#27a9ffff!important}.voice-puck.active{border-color:#27a9ffff!important;box-shadow:0 0 0 2px #27a9ff33,0 0 36px #27a9ff44,0 14px 34px #0009!important}.voice-puck-icon{width:58px!important;height:58px!important;flex-basis:58px!important}.voice-puck-copy strong{font-size:14px!important}.voice-puck-copy small{font-size:11px!important}.voice-puck-arrow{color:#27a9ff!important;width:27px!important;height:27px!important}.header-right .status{color:#27a9ff!important}.copy{min-width:0}.copy label{color:#27a9ff!important}.copy h1 span{color:#27a9ff!important}@keyframes orbPulseBlue{0%,100%{transform:scale(.98);opacity:.72}50%{transform:scale(1.035);opacity:1}}
/* Reference-matching pass */
.voice-box:before{z-index:0;background:radial-gradient(circle at 50% 42%,transparent 0 31%,rgba(39,169,255,.035) 31.3% 31.8%,transparent 32%),radial-gradient(circle at 50% 42%,transparent 0 48%,rgba(242,107,33,.055) 48.2% 48.7%,transparent 49%),radial-gradient(circle at 50% 42%,transparent 0 66%,rgba(39,169,255,.04) 66.2% 66.6%,transparent 67%)}
.voice-orb{margin-top:4px!important}.voice-orb:before{inset:-54px!important;background:repeating-conic-gradient(from -3deg,rgba(39,169,255,.95) 0deg 1.1deg,transparent 1.1deg 6deg)!important;mask:radial-gradient(circle,transparent 0 80%,#000 80.5% 100%)!important;-webkit-mask:radial-gradient(circle,transparent 0 80%,#000 80.5% 100%)!important;border:2px solid rgba(39,169,255,.9)!important}.voice-orb:after{inset:-84px!important;background:repeating-conic-gradient(from 1deg,rgba(242,107,33,.9) 0deg 1deg,transparent 1deg 8deg)!important;mask:radial-gradient(circle,transparent 0 88%,#000 88.5% 100%)!important;-webkit-mask:radial-gradient(circle,transparent 0 88%,#000 88.5% 100%)!important}.orb-core{width:63%!important;height:63%!important}.orb-core:before{width:88%!important;height:70%!important;left:6%!important;top:1%!important;background-size:104% auto!important;background-position:center 24%!important}.orb-core:after{font-size:24px!important;bottom:6%!important}.voice-state{margin-top:52px!important}.voice-puck{margin-top:22px!important}
/* Final mobile fit: keep the full Mike control visible above the sticky chat bar. */
@media(max-width:760px){main{padding:10px 12px 40px}.brand-dt{width:48px!important;height:48px!important;flex-basis:48px!important}.brand-dt:before{font-size:29px!important}.brand-dt:after{left:21px!important;width:6px!important;height:10px!important}.voice-box{height:545px!important;padding-top:26px!important}.voice-orb{width:250px!important;height:250px!important;flex-basis:250px!important;margin-top:0!important}.voice-orb:before{inset:-40px!important}.voice-orb:after{inset:-62px!important}.orb-core{width:64%!important;height:64%!important}.orb-core:after{font-size:19px!important;letter-spacing:.24em!important}.voice-state{margin-top:28px!important;font-size:11px!important}.wave{height:38px!important;margin-top:10px!important;gap:4px!important}.wave i{width:3px!important}.voice-hint{font-size:12px!important;margin-top:5px!important}.voice-puck{height:68px!important;margin-top:8px!important;width:88%!important}.voice-puck-icon{width:50px!important;height:50px!important;flex-basis:50px!important}.voice-puck-copy strong{font-size:12px!important}.voice-puck-copy small{font-size:10px!important}.voice-puck-arrow{width:22px!important;height:22px!important}.copy h1{font-size:50px}.copy p{font-size:16px}}
@media(max-width:390px){.voice-box{height:520px!important;padding-top:22px!important}.voice-orb{width:226px!important;height:226px!important;flex-basis:226px!important}.voice-orb:before{inset:-36px!important}.voice-orb:after{inset:-56px!important}.voice-state{margin-top:25px!important}.voice-puck{height:64px!important;margin-top:7px!important}.voice-puck-icon{width:46px!important;height:46px!important;flex-basis:46px!important}}