/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 24 2026 | 15:07:22 */
body:not(.elementor-editor-active) .elementor-menu-anchor {
    position: relative;
    top: -100px;
    display: block;
    height: 0;
}
html {
    scroll-padding-top: 100px !important;
}

@media only screen and (max-width:992px) {

html {
    scroll-padding-top: 10px !important;
}	
}
.elementor-widget-text-editor ul {
    margin-bottom:16px;
}
.myaio-danny-body .myaio-danny-tab:hover {
	background:transparent !important;
}
.vari {
	font-family:"Plus Jakarta Sans", sans-serif;
	letter-spacing:-0.04em;
}
.elementor-widget-text-editor ul li {
    margin-bottom:8px;
}
.elementor-widget-text-editor ul li:last-child {
	margin-bottom:0px;
}
.price-only.black {
	color:#363636;
}
.elementor-widget-text-editor ul:last-child {
    margin-bottom:0px !important;
}
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0px;
}
.aio-stage button {
	background:transparent !important;
}

.price-only {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #FFFFFF99;
}
.stylebtn .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}
 .stylebtn .elementor-button .elementor-button-text , .stylebtn .elementor-button-icon svg {
      transition:  0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
  
 }
 
 
  .stylebtn .elementor-button:hover .elementor-button-text  {
      transform: translateX(5px);
  }
    .stylebtn .elementor-button:hover .elementor-button-icon svg  {
      margin-right: 5px;
  }
       .stylebtn .elementor-button::before {
      content: '';
      position: absolute;
      right: 4px; 
      top: 50%;
      transform: translateY(-50%);
      bottom: 6px;  
      width: 40px;   
      background-color: #111111; 
      height: 40px;
      border-radius: 50px;
      z-index: 0; 
      transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }
    
       .stylebtn .elementor-button:hover::before {
      width: calc(100% - 8px); 
    }
    
    
    
    .homefaq .ekit_accordion_normal_icon {
         line-height: 0;
     }
    .homefaq .ekit_accordion_icon_group {
         height: 40px;
         width: 40px;
         display: flex;
         justify-content: center;
         align-items: center;
         border-radius: 12px;
     }
     
     .homefaq .elementskit-card.active{
         background: #ECECEC0A !important;
     }
     

        .images-sequence img {
           
            object-fit: cover;
            
           
            opacity: 0;
            transform: scale(0.3); 
            transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.6s ease-out;
        }

        
        .images-sequence.animate img {
            opacity: 1;
            transform: scale(1);
        }
        
        .marquee-text:before {
            content:'';
            height: 100%;
    z-index: 2;
    background-image: linear-gradient(90deg,#ececec,#ececec00);
    pointer-events: none;
    width: 10%;
    position: absolute;
    inset: 0% auto 0% 0%
}

.marquee-text:after{
     content:'';
           
    z-index: 2;
    height: 100%;
   background-image: linear-gradient(90deg,#ececec00,#ececec)
;
    pointer-events: none;
    width: 10%;
    position: absolute;
    inset: 0% 0% 0% auto
}

.mt0 .elementor-icon-box-title{
    margin-top: 0px;
}

.AIOcontact input , .AIOcontact textarea {
    padding: 16px 24px;
}

/* .AIOcontact .elementor-button-icon {
    height: 40px;
    width: 40px;
    background: #d6fd70;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.AIOcontact .elementor-button-icon svg {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(82%) saturate(7500%) hue-rotate(13deg) brightness(111%) contrast(115%);
}
.AIOcontact .elementor-button-content-wrapper {
    align-items: center;
    padding-left: 12px;
} */
.conicons svg {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(42deg) brightness(97%) contrast(103%);
}

.post-box  .elementor-widget-image{
    overflow: hidden;
	border-radius:24px;
    
}
.sticky-cta {
      transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 999;
            position: fixed;
            bottom: 20px;
            right: 20px;
}
.post-box  .elementor-widget-image img {
   transition: .3s ease all !important;
}
.post-box .post-icon svg {
     
   transition: .3s ease all !important;
}
.post-box:hover img {
    transform: scale(1.1);
}

.post-box:hover .post-icon svg {
    transform: rotate(45deg) !important;
}

.reviews-block .elementor-swiper-button svg {
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(46%) hue-rotate(239deg) brightness(117%) contrast(100%);
}
/* .elementskit-submenu-panel::before {
	content:'';
	position:absolute;
	 background: #FFFFFF1C !important;
    backdrop-filter: blur(20px) !important;
	height:100%;
	width:100%;
	inset:0;
} */
.header-main .headerblur::before {
	content:'';
    background: #FFFFFF1C ;
		position:absolute;
    backdrop-filter: blur(20px);
    border-radius: 80px;
	height:100%;
	width:100%;
	inset:0;

}
.headerblur {
	position:relative;
}
.elementskit-submenu-panel  {

    background: #FFFFFF1C ;
	
    backdrop-filter: blur(20px);

   
}

.aiologo img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.header-main .expand {
    transition: .3s ease;
}

.header-main.elementor-sticky--effects .expand {
    background: #FFFFFF1C !important;
    backdrop-filter: blur(20px);
    width: 80%;
    padding: 0px 0px 0px 32px;
    border-radius: 80px;
    transition: .6s ease all;
}
.header-main.elementor-sticky--effects .expand .headerblur {
	 padding-left: 0px !important;
    gap: 10px !important;
}
.header-main.elementor-sticky--effects .headerblur::before {
    background: transparent ;
    backdrop-filter: unset;
   
}


.set-text h3, .set-text h4{
    font-size: 18px;
    color: #fff;
    line-height: 28px !important;
}

.set-text h5{
    font-size: 18px;
    color: #fff;
    line-height: 28px !important;
}

.set-text-blog h3, .set-text-blog h4, .set-text-blog strong {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
}

.iconAI.white svg{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg) brightness(102%) contrast(102%);
}

@media only screen and (max-width:992px) {
	.AIOtabs .jet-tabs__control {
		width:100%;
	}
}


.casestudies {
    backdrop-filter: blur(30px);
}

.ceos-video .e-hosted-video {
   height: 600px;
   width: 100%;
   object-position: center center !important;

}

@media only screen and (max-width:992px) {
    .ceos-video .e-hosted-video {
        
        height: 450px;
    }
}

.tabvideos .e-hosted-video{
	 height: 510px;
	width:100%;
}
 @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
    }
  }

            :root{
              /* ====== SIZE KNOBS — CHANGE THESE ====== */
              --aio-max:100%;     /* CHANGE max WIDTH */
              --aio-ratio:16/9;    /* CHANGE shape/HEIGHT (e.g. 4/3, 1/1, 21/9) */
              --aio-radius:18px;   /* CHANGE corner roundness */
              --aio-pad:22px;      /* glow breathing room (keeps glow inside widget) */
              /* ======================================= */
            }
            .aio-stage{position:relative;width:100%;max-width:calc(var(--aio-max) + var(--aio-pad)*2);
              margin:0 auto;;
              font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
              -webkit-tap-highlight-color:transparent;}
            .aio-glow{position:absolute;inset:calc(var(--aio-pad) - 10px);border-radius:34px;
              background:linear-gradient(115deg,#289FFA,#3276F1,#9B00BD,#EA0E96);
              filter:blur(38px);opacity:.5;z-index:0;pointer-events:none;
              transform:translateZ(0);will-change:transform;}
            .aio-player{position:relative;z-index:1;width:100%;aspect-ratio:var(--aio-ratio);
              border-radius:var(--aio-radius);overflow:hidden;border:1px solid rgba(255,255,255,.1);
              background:#06070F;cursor:pointer;contain:layout paint;}
            .aio-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
          
            .aio-logo{position:absolute;top:15px;left:16px;display:flex;align-items:center;gap:9px;
              padding:6px 13px 6px 10px;border-radius:999px;background:rgba(255,255,255,.08);
              backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
              border:1px solid rgba(255,255,255,.14);z-index:5;pointer-events:none;}
            .aio-logo span{color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;}
          
            .aio-unmute{position:absolute;top:15px;right:16px;display:flex;align-items:center;gap:7px;
              padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.1);
              backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
              border:1px solid rgba(255,255,255,.22);color:#fff;font-size:11px;font-weight:600;
              letter-spacing:.3px;cursor:pointer;z-index:6;transition:opacity .25s,transform .25s;}
            .aio-unmute:hover{background:rgba(255,255,255,.16);}
            .aio-unmute.hidden{opacity:0;transform:translateY(-6px);pointer-events:none;}
          
            .aio-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
              width:96px;height:96px;border:none;background:none;padding:0;cursor:pointer;z-index:5;
              transition:opacity .25s,transform .25s;}
            .aio-center.hidden{opacity:0;transform:translate(-50%,-50%) scale(.85);pointer-events:none;}
            .aio-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);}
            .aio-ring-track{fill:none;stroke:rgba(255,255,255,.18);stroke-width:3;}
            .aio-ring-fill{fill:none;stroke:url(#aioRingGrad);stroke-width:3.5;stroke-linecap:round;
              stroke-dasharray:289;stroke-dashoffset:289;filter:drop-shadow(0 0 5px rgba(155,0,189,.7));}
            .aio-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
              width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.12);
              backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
              border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;
              box-shadow:0 0 36px 4px rgba(155,0,189,.45);}
            .aio-icon-play{margin-left:3px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));}
          
            .aio-deck{position:absolute;left:14px;right:14px;bottom:14px;padding:13px 16px 11px;
              border-radius:16px;background:rgba(12,13,24,.5);
              backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
              border:1px solid rgba(255,255,255,.12);
              box-shadow:0 8px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12);
              z-index:5;cursor:default;transition:opacity .25s,transform .25s;}
            .aio-deck.hidden{opacity:0;transform:translateY(8px);pointer-events:none;}
          
            .aio-wave{display:flex;align-items:center;gap:3px;height:34px;margin-bottom:9px;cursor:pointer;}
            .aio-wave .bar{flex:1;border-radius:2px;background:rgba(255,255,255,.22);min-width:2px;
              transition:background .1s linear;}
            .aio-wave .bar.on{background:var(--c);}
          
            .aio-row{display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.92);}
            .aio-mini{position:relative; z-index:999; background:none;border:none;color:inherit;padding:0;cursor:pointer;display:flex;
              align-items:center;justify-content:center;line-height:0;opacity:.92;transition:opacity .15s;}
            .aio-mini:hover{opacity:1;}
            .aio-time{font-size:12px;color:rgba(255,255,255,.66);font-variant-numeric:tabular-nums;}
            .aio-spacer{flex:1;}
          
            @media (max-width:767px){
              .aio-glow{filter:blur(28px);}
              .aio-deck{left:12px;right:12px;bottom:12px;padding:11px 13px 12px;border-radius:14px;}
              .aio-wave{height:26px;}
              .aio-row{gap:14px;}
              .aio-center{width:88px;height:88px;}
              .aio-center-btn{width:64px;height:64px;}
              .aio-logo span{font-size:12px;}
              .aio-unmute span{font-size:11px;}
            }
            @media (prefers-reduced-motion:reduce){
              .aio-unmute,.aio-center,.aio-deck,.aio-wave .bar{transition:none;}
            }

            .aio-player:fullscreen,
.aio-player:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;}
.aio-player:fullscreen .aio-video,
.aio-player:-webkit-full-screen .aio-video{object-fit:contain;}

.sticky-cta {
      transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 999;
            position: fixed;
            bottom: 80px;
            right: 14px;
}

.myaio-danny-card {
  font-family: "Plus Jakarta Sans", sans-serif;
  position: relative;
  width: 100%;
  height: 502px;
  background: #1B1B1B !important;
  border-radius: 20px;
  overflow: hidden;
}

.myaio-danny-top {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 72px;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03) !important;
}

.myaio-danny-avatar {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: linear-gradient(135deg, #4977f7 0%, #8e5bdb 46%, #ef3d94 100%);
  color: #fff;
  font-size: 17px;
  font-weight: 750;
}

.myaio-danny-agent {
  min-width: 0;
}

.myaio-danny-agent-name {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
}

.myaio-danny-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #10b981;
  animation: pulse 1.8s ease infinite;
}

.myaio-danny-agent-meta,
.myaio-danny-online,
.myaio-danny-tabs,
.myaio-danny-speaker,
.myaio-danny-bubble small,
.myaio-danny-foot {
  font-family: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;
}

.myaio-danny-agent-meta {
  margin-top: 8px;
  color: #9aa7c7;
  font-size: 11.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myaio-danny-online {
  margin-left: auto;
  color: #9aa7c7;
  font-size: 13px;
}

.myaio-danny-body {
  height: 428px;
  padding: 14px 18px 0;
}

.myaio-danny-tabs {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: max-content;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}

/* Updated Button Styles & Glitch Fixes */
.myaio-danny-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 98px;
  min-height: 36px;
  border: none;
  outline: none;
  border-radius: 9px;
  background: transparent;
  color: #9aa7c7;
  cursor: pointer;
  font: inherit;
  font-size: 12.5px;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.myaio-danny-tab svg {
  width: 14px;
  height: 14px;
}

.myaio-danny-tab:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

.myaio-danny-tab:focus-visible {
  box-shadow: 0 0 0 2px rgba(47, 134, 246, 0.6);
}

.myaio-danny-tab.myaio-danny-active {
  color: #fff;
  background: #2f86f6;
  box-shadow: 0 8px 20px -6px rgba(47, 134, 246, 0.5);
}

.myaio-danny-tab:active {
  transform: scale(0.97);
}

.aio-stage button {
  background: transparent !important;
  border: none;
  outline: none;
  cursor: pointer;
}

.myaio-danny-panel {
  height: 370px;
}

.myaio-danny-voice-panel {
  display: none;
  height: 370px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  padding: 10px 18px 32px;
}

.myaio-danny-voice-panel.myaio-danny-active {
  display: flex;
}

.myaio-danny-mic-wrap {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #4977f7 0%, #8e5bdb 46%, #ef3d94 100%);
  box-shadow: rgba(255, 59, 142, 0.58) 0 10px 30px -8px;
  animation: micFloat 2.4s ease-in-out infinite;
}

.myaio-danny-mic-wrap::before,
.myaio-danny-mic-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(255, 111, 174, 0.45);
  animation: vring 2.2s ease-out infinite;
}

.myaio-danny-mic-wrap::after {
  animation-delay: 1.1s;
}

.myaio-danny-mic-wrap svg {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
}

.myaio-danny-equalizer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 30px;
  margin-top: -4px;
}

.myaio-danny-equalizer i {
  width: 5px;
  height: 34%;
  border-radius: 99px;
  background: linear-gradient(135deg, #4977f7 0%, #8e5bdb 46%, #ef3d94 100%);
  animation: veq 0.9s ease-in-out infinite;
}

.myaio-danny-equalizer i:nth-child(2),
.myaio-danny-equalizer i:nth-child(6) {
  animation-delay: 0.15s;
}

.myaio-danny-equalizer i:nth-child(3),
.myaio-danny-equalizer i:nth-child(5) {
  animation-delay: 0.3s;
}

.myaio-danny-equalizer i:nth-child(4) {
  animation-delay: 0.45s;
}

.myaio-danny-voice-caption {
  max-width: 360px;
  min-height: 96px;
}

.myaio-danny-speaker {
  margin-bottom: 7px;
  color: #6f94ff;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: opacity 0.32s ease, transform 0.32s ease;
}

.myaio-danny-voice-copy {
  margin: 0;
  color: #e7ecf7;
  font-size: 15px;
  line-height: 1.55;
  text-wrap: balance;
  animation: softRise 0.55s ease both;
  transition: opacity 0.32s ease, transform 0.32s ease;
}

.myaio-danny-voice-caption.myaio-danny-changing .myaio-danny-speaker,
.myaio-danny-voice-caption.myaio-danny-changing .myaio-danny-voice-copy {
  opacity: 0;
  transform: translateY(8px);
}

.myaio-danny-transcript {
  display: none;
  height: 370px;
  flex-direction: column;
  gap: 11px;
  padding: 18px 6px 20px 0;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-color: rgba(124, 139, 177, 0.45) rgba(255, 255, 255, 0.04);
  scrollbar-width: thin;
}

.myaio-danny-transcript.myaio-danny-active {
  display: flex;
}

.myaio-danny-transcript::-webkit-scrollbar {
  width: 6px;
}

.myaio-danny-transcript::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 99px;
}

.myaio-danny-transcript::-webkit-scrollbar-thumb {
  background: rgba(124, 139, 177, 0.45);
  border-radius: 99px;
}

/* Enhanced contrast for #1B1B1B background */
.myaio-danny-bubble {
  max-width: 86%;
  padding: 10px 14px;
  border-radius: 14px 14px 14px 5px;
  color: #e7ecf7;
  background: #242731;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 14px;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(8px);
}

.myaio-danny-bubble.myaio-danny-bubble-visible {
  opacity: 1;
  transform: translateY(0);
  animation: rise 0.5s ease forwards;
}

.myaio-danny-bubble small {
  display: block;
  margin-bottom: 4px;
  color: #aab8d0;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.04em;
}

.myaio-danny-bubble-homeowner {
  align-self: flex-start;
}

.myaio-danny-bubble-agent {
  align-self: flex-end;
  color: #fff;
  background: linear-gradient(135deg, #4977f7 0%, #8e5bdb 46%, #ef3d94 100%);
  border-color: transparent;
  border-radius: 14px 14px 5px 14px;
}

.myaio-danny-bubble-agent small {
  color: rgba(255, 255, 255, 0.8);
}

.myaio-danny-foot {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  gap: 10px;
  height: 47px;
  padding: 13px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(16, 185, 129, 0.08);
  color: #8fe6c8;
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.45s ease;
}

.myaio-danny-foot.myaio-danny-visible {
  opacity: 1;
}

.myaio-danny-check {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #04231a;
  background: #10b981;
  font-size: 11px;
  font-weight: 800;
}

/* Animations */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.45);
  }
  50% {
    transform: scale(0.9);
    box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
  }
}

@keyframes vring {
  0% {
    transform: scale(1);
    opacity: 0.68;
  }
  100% {
    transform: scale(2.05);
    opacity: 0;
  }
}

@keyframes veq {
  0%, 100% {
    height: 30%;
  }
  50% {
    height: 100%;
  }
}

@keyframes micFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

@keyframes rise {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes softRise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Styles */
@media (max-width: 640px) {
  .myaio-danny-card {
    width: 100% !important;
    height: calc(83.6667vw - 16.733px);
    min-width: 100% !important;
    min-height: 251px;
    max-width: 600px;
    max-height: 502px;
    border-radius: 14px;
  }

  .myaio-danny-top {
    height: calc((100vw - 20px) * 0.12);
    min-height: 36px;
    max-height: 72px;
    gap: clamp(7px, 2vw, 12px);
    padding: clamp(8px, 2.5vw, 15px) clamp(10px, 3vw, 18px);
  }

  .myaio-danny-avatar {
    width: clamp(24px, 6.333vw, 38px);
    height: clamp(24px, 6.333vw, 38px);
    border-radius: clamp(7px, 1.833vw, 11px);
    font-size: clamp(11px, 2.833vw, 17px);
  }

  .myaio-danny-agent-name {
    gap: clamp(6px, 2vw, 12px);
    font-size: clamp(11px, 2.5vw, 15px);
  }

  .myaio-danny-status-dot {
    width: clamp(5px, 1.167vw, 7px);
    height: clamp(5px, 1.167vw, 7px);
  }

  .myaio-danny-agent-meta {
    margin-top: clamp(4px, 1.333vw, 8px);
    font-size: clamp(8px, 1.917vw, 11.5px);
  }

  .myaio-danny-online {
    font-size: clamp(9px, 2.167vw, 13px);
  }

  .myaio-danny-body {
    height: calc((100vw - 20px) * 0.713333);
    min-height: 214px;
    max-height: 428px;
    padding: clamp(8px, 2.333vw, 14px) clamp(10px, 3vw, 18px) 0;
  }

  .myaio-danny-tabs {
    gap: clamp(2px, 0.667vw, 4px);
    padding: clamp(2px, 0.667vw, 4px);
    border-radius: clamp(8px, 2vw, 12px);
  }

  .myaio-danny-tab {
    gap: clamp(4px, 1.167vw, 7px);
    min-width: clamp(62px, 16.333vw, 98px);
    min-height: clamp(24px, 6vw, 36px);
    border-radius: clamp(6px, 1.5vw, 9px);
    font-size: clamp(9px, 2.083vw, 12.5px);
  }

  .myaio-danny-tab svg {
    width: clamp(10px, 2.333vw, 14px);
    height: clamp(10px, 2.333vw, 14px);
  }

  .myaio-danny-panel,
  .myaio-danny-voice-panel,
  .myaio-danny-transcript {
    height: calc((100vw - 20px) * 0.616667);
    min-height: 185px;
    max-height: 370px;
  }

  .myaio-danny-voice-panel {
    gap: clamp(6px, 1.667vw, 10px);
    padding: clamp(6px, 1.667vw, 10px) clamp(10px, 3vw, 18px) clamp(18px, 5.333vw, 32px);
  }

  .myaio-danny-mic-wrap {
    width: clamp(48px, 13.333vw, 80px);
    height: clamp(48px, 13.333vw, 80px);
  }

  .myaio-danny-mic-wrap svg {
    width: clamp(20px, 5.333vw, 32px);
    height: clamp(20px, 5.333vw, 32px);
  }

  .myaio-danny-equalizer {
    gap: clamp(3px, 0.833vw, 5px);
    height: clamp(18px, 5vw, 30px);
  }

  .myaio-danny-equalizer i {
    width: clamp(3px, 0.833vw, 5px);
  }

  .myaio-danny-voice-caption {
    max-width: min(360px, 80vw);
    min-height: clamp(58px, 16vw, 96px);
  }

  .myaio-danny-speaker {
    margin-bottom: clamp(4px, 1.167vw, 7px);
    font-size: clamp(8px, 1.833vw, 11px);
    letter-spacing: 0.12em;
  }

  .myaio-danny-voice-copy {
    font-size: clamp(11px, 2.5vw, 15px);
    line-height: 1.45;
  }

  .myaio-danny-transcript {
    gap: clamp(7px, 1.833vw, 11px);
    padding: clamp(10px, 3vw, 18px) 6px clamp(12px, 3.333vw, 20px) 0;
  }

  .myaio-danny-bubble {
    max-width: 92%;
    padding: clamp(7px, 1.667vw, 10px) clamp(9px, 2.333vw, 14px);
    border-radius: 10px 10px 10px 4px;
    font-size: clamp(10px, 2.333vw, 14px);
    line-height: 1.42;
  }

  .myaio-danny-bubble-agent {
    border-radius: 10px 10px 4px 10px;
  }

  .myaio-danny-bubble small {
    margin-bottom: clamp(3px, 0.667vw, 4px);
    font-size: clamp(7px, 1.667vw, 10px);
  }

  .myaio-danny-foot {
    height: calc((100vw - 20px) * 0.078333);
    min-height: 28px;
    max-height: 47px;
    gap: clamp(6px, 1.667vw, 10px);
    padding: clamp(7px, 2.167vw, 13px) clamp(10px, 3vw, 18px);
    font-size: clamp(8px, 2.167vw, 13px);
  }

  .myaio-danny-check {
    width: clamp(14px, 3.333vw, 20px);
    height: clamp(14px, 3.333vw, 20px);
    font-size: clamp(8px, 1.833vw, 11px);
  }
}