@media only screen {body {    background-color: #FFFFFF;    margin: 0;    padding: 0;}
}

#rapidweaver_privacy_message {
    position: fixed;
    bottom: 0;
    background-color: #FFF;
    color: rgba(0,0,0,.85);
    width: 100%;
    padding: 0;
    z-index: 5000;
    text-align: center;
    box-shadow: -2px 0 4px rgba(0,0,0,.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@supports (display: flex) {
	#rapidweaver_privacy_message {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #rapidweaver_privacy_message p {
        margin: 20px;
    }
}


#rapidweaver_privacy_message button {
    margin: 20px;
    border-radius: 3px;
    background-color: #424147;
    color: #fff;
    border: none;
    filter: saturate(100%);
    font-weight: bold;
    cursor: pointer;
    padding: 5px 15px;
}

#rapidweaver_privacy_message button:hover {
    filter: saturate(90%);
}
.titles .title h1,
.titles .slogan h2 {
    aria-hidden: true;
}

.seo-hidden {
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
  width: 0;
  overflow: hidden;
}

/* ============================= */
/* Video embeds (standard width) */
/* ============================= */

.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px; /* UPDATED from 1000px */
  padding-bottom: 54%;
  height: 0;
  margin: 0 auto;
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-tutorial-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px; /* UPDATED from 1000px */
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0 auto;
}

.video-tutorial-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ============================= */
/* Video lightbox (intentional wide) */
/* ============================= */

.video-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.video-container {
  width: 90%;
  max-width: 1500px; /* LEFT AS IS — intentional hero */
  aspect-ratio: 16/9;
  position: relative;
}

.video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #ffffff;
  border-radius: 6px;
  box-sizing: border-box;
}

#ytplayer {
  width: 100%;
  height: 100%;
}

/* ============================= */
/* Video grids */
/* ============================= */

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 30px;max-width: 1200px;/* UPDATED from 1100px */  margin: 0 auto;padding: 20px 0;}.video-thumb {cursor: pointer;text-align: center;}.video-thumb img {width: 100%;border-radius: 6px;border: 2px solid #ffffff22;transition: transform 0.2s ease, box-shadow 0.3s ease;}.video-thumb img:hover {transform: scale(1.02);box-shadow: 0 0 20px rgba(255,255,255,0.3);}.video-title {margin-top: 10px;font-size: 16px;color: #ffffff;text-align: center;line-height: 1.3;}.video-caption {margin-top: 6px;font-size: 0.75rem;line-height: 1.4;color: rgba(255, 255, 255, 0.7);}.video-caption span {display: block;}/* ============================= *//* Showcase page layout *//* ============================= */.showcase-page .video-grid {display: grid;grid-template-columns: 1fr;max-width: 1200px;/* already correct */  margin: 0 auto;gap: 40px;}@media (min-width: 900px) {.showcase-page .video-grid {    grid-template-columns: repeat(2, 1fr);}}.showcase-page .video-thumb {max-width: 100%;}.showcase-page .video-thumb img {border-radius: 8px;border: 2px solid rgba(255,255,255,0.35);}/* ============================= *//* Info / collapsible blocks *//* ============================= */.step-waste-wrap {margin: 14px 0 20px;font-size: 14px;}.step-waste-toggle {display: inline-flex;align-items: center;gap: 8px;padding: 6px 12px;border-radius: 999px;border: 1px solid rgba(148,163,184,.25);background: rgba(148,163,184,.08);color: inherit;cursor: pointer;font-size: 13px;}.step-waste-toggle:hover {background: rgba(148,163,184,.14);}.info-dot {display: inline-grid;place-items: center;width: 18px;height: 18px;border-radius: 50%;font-size: 12px;font-weight: bold;background: #4fd1ff;color: #0b0f17;}.step-waste-content {max-height: 0;overflow: hidden;transition: max-height .3s ease;margin-top: 10px;padding-left: 6px;}.step-waste-content.open {max-height: 600px;}.step-waste-content h4 {margin: 10px 0 6px;font-size: 13px;}.step-waste-content ul {margin: 6px 0 10px;padding-left: 18px;}.step-waste-content li {margin-bottom: 6px;}.step-waste-content .muted {color: rgba(148,163,184,.85);}/* ============================= *//* Partners info variant *//* ============================= */.partner-info .step-waste-toggle {border: none;background: linear-gradient(
    135deg,
    rgba(79,209,255,.95),    rgba(56,189,248,.95)  );color: #0b0f17;font-weight: 600;}.partner-info .step-waste-toggle:hover {background: linear-gradient(
    135deg,
    rgba(79,209,255,1),    rgba(56,189,248,1)  );}.partner-info .info-dot {background: #0b0f17;color: #4fd1ff;}.partner-info .step-waste-content {max-height: 0;overflow: hidden;padding: 0;margin-top: 10px;background: transparent;border-left: none;}.partner-info .step-waste-content.open {max-height: 800px;background: rgba(79,209,255,.08);border-left: 3px solid #4fd1ff;padding: 12px 14px;border-radius: 8px;}.partner-info .step-waste-content h3,.partner-info .step-waste-content h4 {color: #e5f6ff;}.partner-info .step-waste-content .muted {color: rgba(203,231,255,.9);}