.elementor-7171 .elementor-element.elementor-element-49ca0595{--display:flex;--min-height:618px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:67px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7171 .elementor-element.elementor-element-49ca0595:not(.elementor-motion-effects-element-type-background), .elementor-7171 .elementor-element.elementor-element-49ca0595 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7171 .elementor-element.elementor-element-49ca0595.e-con{--align-self:center;}.elementor-7171 .elementor-element.elementor-element-4f01a31f{text-align:center;}.elementor-7171 .elementor-element.elementor-element-4f01a31f .elementor-heading-title{font-size:34px;font-weight:400;}.elementor-7171 .elementor-element.elementor-element-70d96fa8{text-align:center;}.elementor-7171 .elementor-element.elementor-element-70d96fa8 .elementor-heading-title{font-size:23px;}.elementor-7171 .elementor-element.elementor-element-dbd55c8 .elementor-button:hover, .elementor-7171 .elementor-element.elementor-element-dbd55c8 .elementor-button:focus{background-color:#5C5C75;color:#FFFFFF;}.elementor-7171 .elementor-element.elementor-element-dbd55c8 > .elementor-widget-container{padding:15px 0px 20px 0px;}.elementor-7171 .elementor-element.elementor-element-dbd55c8 .elementor-button{font-size:16px;}.elementor-7171 .elementor-element.elementor-element-dbd55c8 .elementor-button:hover svg, .elementor-7171 .elementor-element.elementor-element-dbd55c8 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-7171 .elementor-element.elementor-element-287df30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7171 .elementor-element.elementor-element-1656450{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7171 .elementor-element.elementor-element-10258bf img{max-width:80%;}.elementor-7171 .elementor-element.elementor-element-f0e97d1{--display:flex;--min-height:275px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7171 .elementor-element.elementor-element-b0b3de7{text-align:center;}.elementor-7171 .elementor-element.elementor-element-b0b3de7 .elementor-heading-title{font-size:30px;}.elementor-7171 .elementor-element.elementor-element-ae05d6e{text-align:center;font-size:22px;line-height:37px;}.elementor-7171 .elementor-element.elementor-element-f346067{--display:flex;--min-height:447px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.43;}.elementor-7171 .elementor-element.elementor-element-f346067:not(.elementor-motion-effects-element-type-background), .elementor-7171 .elementor-element.elementor-element-f346067 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://conversationswithruste.com/wp-content/uploads/2025/05/11_transparent_background-scaled.png");background-position:center center;}.elementor-7171 .elementor-element.elementor-element-f346067::before, .elementor-7171 .elementor-element.elementor-element-f346067 > .elementor-background-video-container::before, .elementor-7171 .elementor-element.elementor-element-f346067 > .e-con-inner > .elementor-background-video-container::before, .elementor-7171 .elementor-element.elementor-element-f346067 > .elementor-background-slideshow::before, .elementor-7171 .elementor-element.elementor-element-f346067 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7171 .elementor-element.elementor-element-f346067 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7171 .elementor-element.elementor-element-3cb355a .elementor-button:hover, .elementor-7171 .elementor-element.elementor-element-3cb355a .elementor-button:focus{background-color:#5C5C75;}.elementor-7171 .elementor-element.elementor-element-3cb355a .elementor-button{font-size:15px;text-shadow:0px 0px 12px rgba(0,0,0,0.3);}.elementor-7171 .elementor-element.elementor-element-70e76e08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7171 .elementor-element.elementor-element-40db9963{--display:flex;--min-height:327px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.47;--margin-top:0px;--margin-bottom:-78px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-7171 .elementor-element.elementor-element-40db9963:not(.elementor-motion-effects-element-type-background), .elementor-7171 .elementor-element.elementor-element-40db9963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7171 .elementor-element.elementor-element-40db9963::before, .elementor-7171 .elementor-element.elementor-element-40db9963 > .elementor-background-video-container::before, .elementor-7171 .elementor-element.elementor-element-40db9963 > .e-con-inner > .elementor-background-video-container::before, .elementor-7171 .elementor-element.elementor-element-40db9963 > .elementor-background-slideshow::before, .elementor-7171 .elementor-element.elementor-element-40db9963 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7171 .elementor-element.elementor-element-40db9963 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7171 .elementor-element.elementor-element-60907d07{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7171 .elementor-element.elementor-element-60907d07.e-con{--align-self:center;}.elementor-7171 .elementor-element.elementor-element-279b0db7{font-size:14px;line-height:27px;}.elementor-7171 .elementor-element.elementor-element-23160800 .elementor-repeater-item-e50034f.elementor-social-icon{background-color:var( --e-global-color-accent );}.elementor-7171 .elementor-element.elementor-element-23160800 .elementor-repeater-item-e50034f.elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-7171 .elementor-element.elementor-element-23160800 .elementor-repeater-item-e50034f.elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-7171 .elementor-element.elementor-element-23160800 .elementor-repeater-item-5ffde89.elementor-social-icon{background-color:var( --e-global-color-accent );}.elementor-7171 .elementor-element.elementor-element-23160800 .elementor-repeater-item-452e296.elementor-social-icon{background-color:var( --e-global-color-accent );}.elementor-7171 .elementor-element.elementor-element-23160800 .elementor-repeater-item-0dec94a.elementor-social-icon{background-color:var( --e-global-color-accent );}.elementor-7171 .elementor-element.elementor-element-23160800{--grid-template-columns:repeat(0, auto);--icon-size:18px;--grid-column-gap:25px;--grid-row-gap:0px;}.elementor-7171 .elementor-element.elementor-element-23160800 .elementor-widget-container{text-align:left;}.elementor-7171 .elementor-element.elementor-element-7a14d332{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7171 .elementor-element.elementor-element-60a6c93 .elementor-menu-toggle{margin:0 auto;}.elementor-7171 .elementor-element.elementor-element-27ef3ecf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7171 .elementor-element.elementor-element-1f23085d > .elementor-widget-container{padding:0px 0px 0px 33px;}.elementor-7171 .elementor-element.elementor-element-1f23085d{font-size:14px;line-height:32px;}body.elementor-page-7171:not(.elementor-motion-effects-element-type-background), body.elementor-page-7171 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7171 .elementor-element.elementor-element-1656450{--content-width:1333px;}.elementor-7171 .elementor-element.elementor-element-40db9963{--width:100%;}.elementor-7171 .elementor-element.elementor-element-60907d07{--width:25%;}.elementor-7171 .elementor-element.elementor-element-7a14d332{--width:50%;}.elementor-7171 .elementor-element.elementor-element-27ef3ecf{--width:20%;}}@media(max-width:767px){.elementor-7171 .elementor-element.elementor-element-4f01a31f .elementor-heading-title{font-size:24px;line-height:1.4em;}.elementor-7171 .elementor-element.elementor-element-70d96fa8 > .elementor-widget-container{padding:14px 14px 14px 14px;}.elementor-7171 .elementor-element.elementor-element-70d96fa8 .elementor-heading-title{font-size:14px;line-height:1.4em;}.elementor-7171 .elementor-element.elementor-element-5d94d4d > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-7171 .elementor-element.elementor-element-5d94d4d{text-align:center;}.elementor-7171 .elementor-element.elementor-element-287df30{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7171 .elementor-element.elementor-element-10258bf img{max-width:100%;}.elementor-7171 .elementor-element.elementor-element-b0b3de7 .elementor-heading-title{font-size:22px;line-height:1.4em;}.elementor-7171 .elementor-element.elementor-element-ae05d6e{font-size:16px;line-height:1.4em;}.elementor-7171 .elementor-element.elementor-element-f346067{--min-height:291px;}.elementor-7171 .elementor-element.elementor-element-40db9963{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-7171 .elementor-element.elementor-element-279b0db7{text-align:center;font-size:14px;}.elementor-7171 .elementor-element.elementor-element-23160800.elementor-element{--align-self:center;}.elementor-7171 .elementor-element.elementor-element-1f23085d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7171 .elementor-element.elementor-element-1f23085d{text-align:center;font-size:12px;}}/* Start custom CSS for html, class: .elementor-element-17a0ca7 */<style>
.signal-typewriter-container {
  background-color: #012f25;
  border-left: 4px solid #3effd2;
  padding: 24px;
  margin: 40px auto;
  max-width: 95%;
  font-family: 'Courier New', Courier, monospace;
  font-size: 18px;
  color: #d9fff6;
  box-shadow: 0 0 20px rgba(62, 255, 210, 0.3);
  overflow-x: auto;
  white-space: normal;
  position: relative;
}

/* Desktop typing animation */
.signal-typewriter-line {
  display: block;
  overflow: hidden;
  border-right: 2px solid #3effd2;
  white-space: nowrap;
  margin-bottom: 12px;
  width: 0ch;
  animation-fill-mode: forwards;
}

.signal-typewriter-line.line1 {
  animation: typing1 3s steps(58, end);
}
.signal-typewriter-line.line2 {
  animation: typing2 3s steps(47, end) 3.2s;
}
.signal-typewriter-line.line3 {
  animation: typing3 4s steps(77, end) 6.5s;
}
.signal-typewriter-line.line4 {
  animation: typing4 3s steps(39, end) 11s;
}

@keyframes typing1 {
  from { width: 0ch; border-right-color: #3effd2; }
  to { width: 58ch; border-right-color: transparent; }
}
@keyframes typing2 {
  from { width: 0ch; border-right-color: #3effd2; }
  to { width: 47ch; border-right-color: transparent; }
}
@keyframes typing3 {
  from { width: 0ch; border-right-color: #3effd2; }
  to { width: 77ch; border-right-color: transparent; }
}
@keyframes typing4 {
  from { width: 0ch; border-right-color: #3effd2; }
  to { width: 39ch; border-right-color: transparent; }
}

/* 🔇 Unmute button styling */
#unmute-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #3effd2;
  color: #012f25;
  border: none;
  padding: 6px 12px;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  cursor: pointer;
  z-index: 10;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(62, 255, 210, 0.4);
}

/* 📱 Mobile override — remove typing effect */
@media (max-width: 600px) {
  .signal-typewriter-line {
    font-size: 16px;
    white-space: normal !important;
    overflow-x: hidden;
    animation: none !important;
    border-right: none;
    opacity: 0;
    transform: translateY(10px);
    animation: fadeInUp 0.8s ease-out forwards;
    margin-bottom: 20px;
  }

  .signal-typewriter-line:nth-child(1) {
    animation-delay: 0.2s;
  }
  .signal-typewriter-line:nth-child(2) {
    animation-delay: 0.6s;
  }
  .signal-typewriter-line:nth-child(3) {
    animation-delay: 1.0s;
  }
  .signal-typewriter-line:nth-child(4) {
    animation-delay: 1.4s;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-287df30 */.signal-typewriter-container {
  background-color: #012f25;
  border-left: 4px solid #3effd2;
  padding: 24px;
  margin: 40px auto;
  max-width: 95%;
  font-family: 'Courier New', Courier, monospace;
  font-size: 18px;
  color: #d9fff6;
  box-shadow: 0 0 20px rgba(62, 255, 210, 0.3);
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
}

.signal-typewriter-line {
  display: block;
  overflow: hidden;
  border-right: 2px solid #3effd2;
  white-space: nowrap;
  margin-bottom: 12px;
}

.signal-typewriter-line.line1 {
  width: 0ch;
  animation: typing1 3s steps(58, end) forwards;
}
.signal-typewriter-line.line2 {
  width: 0ch;
  animation: typing2 3s steps(47, end) 3.2s forwards;
}
.signal-typewriter-line.line3 {
  width: 0ch;
  animation: typing3 4s steps(77, end) 6.5s forwards;
}
.signal-typewriter-line.line4 {
  width: 0ch;
  animation: typing4 3s steps(39, end) 11s forwards;
}

/* Keyframes */
@keyframes typing1 {
  from { width: 0ch; border-right-color: #3effd2; }
  to { width: 58ch; border-right-color: transparent; }
}
@keyframes typing2 {
  from { width: 0ch; border-right-color: #3effd2; }
  to { width: 47ch; border-right-color: transparent; }
}
@keyframes typing3 {
  from { width: 0ch; border-right-color: #3effd2; }
  to { width: 77ch; border-right-color: transparent; }
}
@keyframes typing4 {
  from { width: 0ch; border-right-color: #3effd2; }
  to { width: 39ch; border-right-color: transparent; }
}

/* Unmute button */
#unmute-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #3effd2;
  color: #012f25;
  border: none;
  padding: 6px 12px;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  cursor: pointer;
  z-index: 10;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(62, 255, 210, 0.4);
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .signal-typewriter-container {
    font-size: 16px; /* Adjust font size */
    padding: 16px; /* Reduce padding */
  }

  .signal-typewriter-line {
    white-space: normal; /* Allow wrapping on smaller screens */
    word-wrap: break-word; /* Break long words into multiple lines */
    width: auto; /* Remove the fixed character width */
    margin-bottom: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-774e4e6 */.glitch-hover {
  display: inline-block;
  position: relative;
  color: #fff;
  transition: all 0.2s ease;
}

.glitch-hover::before,
.glitch-hover::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  color: #fff;
  clip: rect(0, 0, 0, 0);
}

.glitch-hover:hover::before {
  animation: glitchTop 0.3s infinite linear alternate;
  color: #ff00c8;
}

.glitch-hover:hover::after {
  animation: glitchBottom 0.3s infinite linear alternate;
  color: #00fff7;
}

@keyframes glitchTop {
  0% {
    clip: rect(0, 9999px, 0, 0);
    transform: translate(-2px, -2px);
  }
  100% {
    clip: rect(0, 9999px, 10px, 0);
    transform: translate(2px, 2px);
  }
}

@keyframes glitchBottom {
  0% {
    clip: rect(0, 9999px, 0, 0);
    transform: translate(2px, 2px);
  }
  100% {
    clip: rect(10px, 9999px, 9999px, 0);
    transform: translate(-2px, -2px);
  }
}/* End custom CSS */
/* Start custom CSS */.record-flicker {
  font-family: 'DM Mono', monospace; /* or whatever fits your theme */
  color: #aaa; /* subtle grey for tone */
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: inline-block;
  animation: flicker 2.5s infinite alternate;
}

@keyframes flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    opacity: 1;
    text-shadow: 0 0 1px #00f3ff, 0 0 2px #00f3ff;
  }
  20%, 24%, 55% {
    opacity: 0.3;
    text-shadow: none;
  }
}
.ruste-quote {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 1.2rem;
  color: #fff;
  display: block;
  margin-bottom: 10px;
}

.decode-text {
  display: none;
  margin-top: 10px;
  font-size: 0.95rem;
  color: #ccc;
  transition: all 0.3s ease-in-out;
  font-style: italic;
}

.decode-btn:hover {
  cursor: pointer;
  color: #ff66cc;
}/* End custom CSS */