/* ==========================================================================
   SWD Image Resizer · COMPRESSION INITIAL CSS
   Derived from assets/css/image-resizer-x.css for the initial Compression UI.
   Workspace-only rules are deferred to image-resizer-x-workspace-runtime.css.
   ========================================================================== */

/* ==========================================================================
   SWD Image Resizer · GENERAL + HOME
   --------------------------------------------------------------------------
   SWD2026 /assets/css/core.css owns global tokens, reset, document layout,
   .container and the shared .button system.

   This file contains IRX-wide components, shared workspace primitives,
   shell/header/footer/support UI and Home styles. Route-specific CSS lives in
   assets/css/sections/*.css and is loaded only for its route.
   ========================================================================== */

:root {
--irx-panel: #121212;
  --irx-panel-soft: #171717;
  --irx-line: rgba(255, 255, 255, 0.1);
  --irx-line-strong: rgba(242, 194, 48, 0.34);
  --irx-muted: rgba(255, 255, 255, 0.67);
  --irx-positive: #62d995;
  --irx-positive-soft: rgba(98, 217, 149, 0.12);
}

.irx-site [hidden] {
display: none !important;
}

.irx-site {
background:
    radial-gradient(circle at 86% 8%, rgba(242, 194, 48, 0.09), transparent 26rem),
    #0a0a0a;
}

.irx-site::before {
content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.018) 0.1rem, transparent 0.1rem),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 0.1rem, transparent 0.1rem);
  background-size: 4.8rem 4.8rem;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

.irx-visually-hidden {
position: absolute !important;
  width: 0.1rem !important;
  height: 0.1rem !important;
  padding: 0 !important;
  margin: -0.1rem !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.irx-svg-filters {
position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.irx-header {
position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.07);
  background: rgba(10, 10, 10, 0.86);
  backdrop-filter: blur(1.8rem);
}

.irx-header__inner {
display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 7.2rem;
  gap: var(--space-md);
}

.irx-brand {
display: inline-flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

.irx-brand__home {
display: inline-flex;
  flex: 0 0 auto;
  border-radius: 50%;
}

.irx-brand__mark {
position: relative;
  display: inline-flex;
  width: 4.4rem;
  height: 4.4rem;
  flex: 0 0 4.4rem;
  overflow: hidden;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}

.irx-brand__svg-wrap {
position: absolute;
  inset: 0;
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.6rem;
  transition: opacity var(--transition-slow);
}

.irx-brand__svg-wrap--hover {
opacity: 0;
}

.irx-brand__svg-wrap svg,
.brand-logo-svg {
display: block;
  width: 100%;
  height: 100%;
}

.irx-brand__svg-wrap--default .logo-swd__dark {
fill: var(--color-black);
  stroke: none;
}

.irx-brand__svg-wrap--default .logo-swd__light {
fill: var(--color-accent);
  stroke: none;
}

.irx-brand__svg-wrap--default .logo-swd__accent {
fill: var(--color-white);
  stroke: none;
}

.irx-brand__svg-wrap--hover .logo-swd__dark {
fill: var(--color-black);
  stroke: none;
}

.irx-brand__svg-wrap--hover .logo-swd__light {
fill: var(--color-white);
  stroke: none;
}

.irx-brand__svg-wrap--hover .logo-swd__accent {
fill: var(--color-accent);
  stroke: none;
}

.irx-brand__name {
display: inline-block;
  overflow: hidden;
  color: var(--color-white);
  font-size: 1.65rem;
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.03em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.irx-nav {
display: flex;
  align-items: center;
  gap: 2.4rem;
}

.irx-header__right {
display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

.irx-lang-slider {
display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 8.2rem;
  padding: 0.35rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.04);
}

.irx-lang-slider__arrow {
display: grid;
  width: 2.2rem;
  height: 2.2rem;
  padding: 0 0 0.25rem;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: var(--irx-muted);
  background: transparent;
  font-size: 1.8rem;
  line-height: 1;
}

.irx-lang-slider__current {
min-width: 2.4rem;
  color: var(--color-accent);
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-align: center;
}

.irx-lang-slider.is-animating .irx-lang-slider__arrow {
pointer-events: none;
}

.irx-lang-slider__current.is-slide-out-left {
animation: irx-lang-out-left 0.16s ease forwards;
}

.irx-lang-slider__current.is-slide-out-right {
animation: irx-lang-out-right 0.16s ease forwards;
}

.irx-lang-slider__current.is-slide-in-left {
animation: irx-lang-in-left 0.16s ease forwards;
}

.irx-lang-slider__current.is-slide-in-right {
animation: irx-lang-in-right 0.16s ease forwards;
}

@keyframes irx-lang-out-left { to { opacity: 0; transform: translateX(-0.6rem); } }

@keyframes irx-lang-out-right { to { opacity: 0; transform: translateX(0.6rem); } }

@keyframes irx-lang-in-left { from { opacity: 0; transform: translateX(0.6rem); } }

@keyframes irx-lang-in-right { from { opacity: 0; transform: translateX(-0.6rem); } }

.irx-nav__link {
display: none;
  color: var(--irx-muted);
  font-size: 1.4rem;
  font-weight: var(--font-weight-medium);
}

.irx-nav__cta {
min-height: 4.2rem;
  padding-inline: 1.8rem;
}










.irx-section-kicker {
margin: 0 0 1.7rem;
  color: var(--color-accent);
  font-size: 1.2rem;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}





.irx-hero__title {
max-width: 12ch;
  font-size: clamp(4rem, 11vw, 7.6rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
  text-wrap: balance;
}










































































.irx-benefits__lead {
max-width: 62rem;
  margin: 1.6rem 0 0;
  color: var(--irx-muted);
  font-size: 1.7rem;
  line-height: 1.65;
}

.irx-app-section {
padding: clamp(6.4rem, 10vw, 10rem) 0;
  border-block: 0.1rem solid rgba(255, 255, 255, 0.06);
  background:
    radial-gradient(circle at 50% 10%, rgba(242, 194, 48, 0.08), transparent 30rem),
    #0d0d0d;
}

.irx-app {
overflow: hidden;
  border: 0.1rem solid rgba(255, 255, 255, 0.13);
  border-radius: 2.4rem;
  background: var(--irx-panel);
  box-shadow: 0 3rem 8rem rgba(0, 0, 0, 0.45);
  transition: padding-top var(--transition-base);
}






.irx-controls__heading h3,
.irx-result__heading h3 {
margin-top: 0.45rem;
  font-size: 2rem;
  letter-spacing: -0.025em;
}











.irx-drop-zone {
display: grid;
  justify-items: center;
  gap: 1.4rem;
  margin: 1.6rem;
  padding: clamp(3.8rem, 8vw, 7rem) 2rem;
  border: 0.15rem dashed rgba(242, 194, 48, 0.34);
  border-radius: 1.8rem;
  text-align: center;
  background:
    radial-gradient(circle at center, rgba(242, 194, 48, 0.07), transparent 48%),
    rgba(255, 255, 255, 0.018);
  transition:
    border-color var(--transition-base),
    background-color var(--transition-base),
    transform var(--transition-base);
  cursor: pointer;
}

.irx-drop-zone.is-dragging {
border-color: var(--color-accent);
  background-color: rgba(242, 194, 48, 0.07);
  transform: scale(0.995);
}

.irx-drop-zone__icon {
display: grid;
  width: 6.4rem;
  height: 6.4rem;
  place-items: center;
  border: 0.1rem solid rgba(242, 194, 48, 0.23);
  border-radius: 1.7rem;
  color: var(--color-accent);
  background: rgba(242, 194, 48, 0.08);
}

.irx-drop-zone__icon svg {
width: 3rem;
  height: 3rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.irx-drop-zone__copy {
display: grid;
  gap: 0.35rem;
}

.irx-drop-zone__copy strong {
font-size: 1.9rem;
}

.irx-drop-zone__copy span,
.irx-drop-zone small {
color: var(--irx-muted);
}

.irx-drop-zone small {
font-size: 1.1rem;
}

.irx-message {
display: none;
  margin: 0 1.6rem 1.6rem;
  padding: 1.2rem 1.4rem;
  border: 0.1rem solid transparent;
  border-radius: 1rem;
  font-size: 1.35rem;
}

.irx-message:not(:empty) {
display: block;
}

.irx-message.is-error {
border-color: var(--color-error-border);
  color: var(--color-error);
  background: var(--color-error-surface);
}

.irx-message.is-success {
border-color: rgba(98, 217, 149, 0.28);
  color: #c9f8dc;
  background: var(--irx-positive-soft);
}





























































































































































.irx-generate-button,
.irx-download-button {
width: 100%;
  gap: 0.8rem;
  margin-top: 2rem;
}

.irx-generate-button svg,
.irx-download-button svg {
width: 1.9rem;
  height: 1.9rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}





@keyframes irx-bob {
  to { transform: translateY(0.3rem); }
}









.irx-drop-zone {
position: relative;
}

.irx-upload-progress {
position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 1.25rem;
  padding: 1.8rem;
  border-radius: inherit;
  color: var(--color-white);
  background: rgba(8, 8, 8, 0.94);
  backdrop-filter: blur(0.8rem);
  text-align: center;
}

.irx-drop-zone.is-loading {
min-height: 23rem !important;
  cursor: wait;
}



















@keyframes irx-spin {
  to { transform: rotate(360deg); }
}

@keyframes irx-editor-pulse {
  to { opacity: 0.62; transform: scale(0.985); }
}























































































































.irx-statistics-section {
padding: clamp(6.4rem, 10vw, 10rem) 0;
  border-top: 0.1rem solid var(--irx-line);
  background:
    radial-gradient(circle at 12% 50%, rgba(242, 194, 48, 0.1), transparent 28rem),
    rgba(255, 255, 255, 0.012);
}

.irx-statistics {
display: grid;
  gap: 3rem;
  align-items: center;
}

.irx-statistics__copy {
max-width: 62rem;
}

.irx-statistics__copy h2 {
max-width: 16ch;
}

.irx-statistics__copy > p:last-child {
max-width: 56ch;
  margin: 1.4rem 0 0;
  color: var(--irx-muted);
}

.irx-statistics__grid {
display: grid;
  gap: 1rem;
  margin: 0;
}

.irx-statistics__grid > div {
position: relative;
  display: grid;
  min-height: 15rem;
  align-content: center;
  gap: 0.7rem;
  overflow: hidden;
  padding: 2rem;
  border: 0.1rem solid var(--irx-line);
  border-radius: 1.6rem;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012));
}

.irx-statistics__grid > div::after {
content: "";
  position: absolute;
  right: -3rem;
  bottom: -4rem;
  width: 10rem;
  height: 10rem;
  border: 1.8rem solid rgba(242, 194, 48, 0.055);
  border-radius: 50%;
}

.irx-statistics__grid dt,
.irx-statistics__grid small {
color: var(--irx-muted);
}

.irx-statistics__grid dt {
font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.irx-statistics__grid dd {
position: relative;
  display: grid;
  z-index: 1;
  gap: 0.7rem;
  margin: 0;
}

.irx-statistics__grid dd > span {
  color: var(--color-accent);
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1;
}

.irx-statistics__grid small {
position: relative;
  z-index: 1;
  font-size: 1.05rem;
}









.irx-footer {
padding: 3.2rem 0;
  border-top: 0.1rem solid var(--irx-line);
  background: #080808;
}

.irx-footer__inner {
display: grid;
  justify-items: center;
  gap: 1.7rem;
  text-align: center;
}

.irx-brand--footer .irx-brand__mark {
width: 3.8rem;
  height: 3.8rem;
  flex-basis: 3.8rem;
}

.irx-footer p {
margin: 0;
  color: var(--irx-muted);
  font-size: 1.3rem;
}

.irx-footer p a {
color: var(--color-accent);
  font-weight: 600;
}

.irx-footer .irx-footer__version {
color: var(--irx-muted);
  font-size: 1.1rem;
}

@media (hover: hover) and (pointer: fine) {
.irx-brand__home:hover .irx-brand__svg-wrap--default {
opacity: 0;
}

.irx-brand__home:hover .irx-brand__svg-wrap--hover {
opacity: 1;
}

.irx-nav__link:hover,
.irx-nav__link:focus-visible,
.irx-footer p a:hover,
.irx-footer p a:focus-visible {
color: var(--color-accent-soft);
}

.irx-lang-slider__arrow:hover,
.irx-lang-slider__arrow:focus-visible {
color: var(--color-black);
    background: var(--color-accent);
    transform: scale(1.06);
}

.irx-drop-zone:hover,
.irx-drop-zone:focus-visible {
border-color: var(--color-accent);
    background-color: rgba(242, 194, 48, 0.035);
}






}



@media (min-width: 768px) {
.irx-header__inner {
min-height: 8rem;
}

.irx-brand__mark {
width: 5rem;
    height: 5rem;
    flex-basis: 5rem;
}

.irx-brand__name {
font-size: 1.8rem;
}

.irx-nav__link {
display: inline-flex;
}

.irx-lang-slider {
margin-inline: 1.2rem;
}


.irx-workspace {
padding: 2.4rem;
}



.irx-statistics__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.irx-drop-zone {
margin: 2.4rem;
}

.irx-message {
margin-inline: 2.4rem;
}











.irx-footer__inner {
grid-template-columns: auto minmax(0, 1fr) auto;
    justify-items: start;
    align-items: center;
    text-align: left;
}

.irx-footer__inner > p:nth-child(2) {
justify-self: center;
    text-align: center;
}

.irx-footer__version {
justify-self: end;
    text-align: right;
}
}

@media (min-width: 960px) {




.irx-statistics {
grid-template-columns: minmax(28rem, 0.72fr) minmax(0, 1.28fr);
    gap: 6rem;
}
}

@media (min-width: 1200px) {





.irx-workspace {
padding: 2.8rem;
}

.irx-drop-zone {
margin: 2.8rem;
}

.irx-message {
margin-inline: 2.8rem;
}


}

@media (max-width: 479.98px) {
.irx-nav__cta {
display: none;
}














}

@media (max-width: 679.98px) {
.irx-nav__cta {
display: none;
}

.irx-header__right {
gap: 0.6rem;
}

.irx-lang-slider {
min-width: 7.6rem;
}
}

.irx-ad-slot ins.adsbygoogle {
min-height: 9rem;
}













































.irx-processing-brand {
position: relative;
  display: grid;
  width: 8.4rem;
  height: 8.4rem;
  place-items: center;
}

.irx-processing-brand__logo {
display: inline-flex;
  width: 6.4rem;
  height: 6.4rem;
  align-items: center;
  justify-content: center;
  animation: irx-processing-logo-cycle 2s ease-in-out infinite;
}

.irx-processing-brand__logo svg {
display: block;
  width: 100%;
  height: 100%;
}

.irx-processing-brand__ring {
position: absolute;
  inset: 0;
  border: 0.35rem solid rgba(255, 255, 255, 0.12);
  border-top-color: var(--color-accent);
  border-right-color: var(--color-accent);
  border-radius: 50%;
  animation: irx-processing-ring 2s cubic-bezier(0.5, 0, 0.25, 1) infinite;
}

@keyframes irx-processing-ring {
  0% { transform: rotate(0); }
  75%, 100% { transform: rotate(360deg); }
}

@keyframes irx-processing-logo-cycle {
  0%, 74%, 100% { transform: scale(1); }
  86% { transform: scale(1.08); }
}

.irx-download-button {
min-height: 5.2rem !important;
  padding: 1.1rem 1.6rem !important;
  font-size: 1.2rem;
  line-height: 1.25;
}

.irx-modal[hidden] {
display: none;
}

.irx-modal {
position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  padding: 2rem;
  place-items: center;
  opacity: 0;
  transition: opacity 180ms ease;
}

.irx-modal.is-visible {
opacity: 1;
}

.irx-modal__backdrop {
position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(0.6rem);
}

.irx-modal__dialog {
position: relative;
  z-index: 1;
  width: min(100%, 58rem);
  max-height: calc(100dvh - 4rem);
  padding: clamp(2rem, 4vw, 3.2rem);
  overflow-y: auto;
  border: 0.1rem solid var(--irx-line-strong);
  border-radius: 1.6rem;
  color: var(--color-white);
  background: #0d0d0d;
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.55);
  transform: translateY(1rem) scale(0.985);
  transition: transform 180ms ease;
}

.irx-modal.is-visible .irx-modal__dialog {
transform: none;
}

.irx-modal__dialog > h2 {
margin-top: 0.4rem;
  font-size: clamp(2rem, 4vw, 3rem);
}

.irx-modal__dialog > p:not(.irx-section-kicker) {
margin: 0.8rem 0 0;
  color: var(--irx-muted);
  font-size: 1.2rem;
  line-height: 1.55;
}

.irx-modal__close {
position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  display: grid;
  width: 3.8rem;
  height: 3.8rem;
  padding: 0;
  place-items: center;
  border: 0.1rem solid var(--irx-line);
  border-radius: 50%;
  color: var(--color-white);
  background: rgba(255, 255, 255, 0.04);
  font-size: 2rem;
}























.irx-modal-open {
overflow: hidden;
}

.cookie-banner__google {
width: 100%;
  margin-top: 1rem;
}







@media (prefers-reduced-motion: reduce) {
.irx-processing-brand__logo,
.irx-processing-brand__ring,
.irx-processing-progress__fill {
animation: none;
    transition: none;
}
}

@media (max-width: 359.98px) {
.irx-brand__name {
font-size: 1.35rem;
}

.irx-brand__mark {
width: 4rem;
    height: 4rem;
    flex-basis: 4rem;
}
}

@media (prefers-reduced-motion: reduce) {
.irx-brand__svg-wrap {
transition: none;
}




}

































































































.irx-ad-section {
padding: clamp(2.4rem, 5vw, 4.8rem) 0;
  background: #0a0a0a;
}

.irx-ad-section--footer {
padding-top: 0;
}

.irx-ad-slot {
position: relative;
  min-height: 10.8rem;
  padding: 2.2rem 1.2rem 1.2rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  border-radius: 1.4rem;
  background: rgba(255, 255, 255, 0.018);
}

.irx-ad-slot__label {
position: absolute;
  top: 0.55rem;
  left: 1.2rem;
  color: rgba(255, 255, 255, 0.46);
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.irx-ad-slot__creative {
display: flex;
  min-height: 7.2rem;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1.2rem 1.5rem;
  border: 0.1rem solid rgba(242, 194, 48, 0.22);
  border-radius: 1rem;
  color: var(--color-white);
  background:
    linear-gradient(110deg, rgba(242, 194, 48, 0.1), rgba(255, 255, 255, 0.025)),
    #101010;
  text-decoration: none;
}

.irx-ad-slot__creative span {
display: grid;
  gap: 0.25rem;
  color: var(--irx-muted);
  font-size: 1.05rem;
}

.irx-ad-slot__creative strong {
color: var(--color-white);
  font-size: 1.35rem;
}

.irx-ad-slot__creative b {
flex: 0 0 auto;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-pill);
  color: #0a0a0a;
  background: var(--color-accent);
  font-size: 1rem;
}

.irx-footer__legal {
display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem 1rem;
}

.irx-footer__legal a,
.irx-footer__legal button {
padding: 0;
  border: 0;
  color: var(--irx-muted);
  background: transparent;
  font-size: 1rem;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

@media (max-width: 767.98px) {
.irx-footer__legal a,
.irx-footer__legal button {
  display: inline-flex;
  min-width: 2.8rem;
  min-height: 2.8rem;
  padding: 0.45rem 0.25rem;
  align-items: center;
  justify-content: center;
}
}

@media (hover: hover) and (pointer: fine) {


.irx-ad-slot__creative:hover {
border-color: rgba(242, 194, 48, 0.52);
    transform: translateY(-0.1rem);
}
}



@media (min-width: 1200px) {


.irx-footer__inner {
grid-template-columns: auto minmax(18rem, 1fr) minmax(26rem, auto) auto;
}
}



@media (max-width: 679.98px) {














.irx-ad-slot__creative {
align-items: flex-start;
    flex-direction: column;
}

.irx-ad-slot__creative b {
align-self: stretch;
    text-align: center;
}

.irx-footer__legal {
flex-direction: column;
}
}



.irx-ad-section--workspace {
padding: clamp(1.8rem, 3vw, 3rem) 0 0;
}





















.irx-result,
.irx-live-editor,
.irx-result__content,
.irx-result__content > *,
.irx-output-collection,
.irx-result__actions,
.irx-download-button,
.irx-output-list {
min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}







@media (min-width: 960px) {


.irx-app-section > .container {
width: min(calc(100% - 2rem), 148rem);
    max-width: 148rem;
}




















}

































.irx-visually-hidden {
position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.irx-workspace-modes {
width: 100%;
  margin: 0 0 0.8rem;
  padding: 0.7rem;
  border: 0.1rem solid var(--irx-line);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.02);
}











@media (max-width: 479.98px) {
.irx-workspace-modes {
padding: 0.5rem;
}




}











.irx-workspace-message {
width: 100%;
  margin: 0 0 0.8rem;
  box-sizing: border-box;
}































.irx-app.is-result-editing .irx-controls,
.irx-app.is-result-editing .irx-workspace-modes,
.irx-app.is-result-editing .irx-source-card__actions,
.irx-app.is-result-editing .irx-batch-strip {
opacity: 0.55;
  pointer-events: none;
  user-select: none;
}



















.irx-tools-nav {
display: flex;
  align-items: center;
  gap: .4rem;
  max-width: min(72vw, 88rem);
  overflow-x: auto;
  scrollbar-width: thin;
  padding-bottom: .2rem;
}

.irx-tools-nav .irx-nav__link {
flex: 0 0 auto; white-space: nowrap;
}

.irx-tools-nav .irx-nav__link[aria-current="page"] {
color: var(--color-accent);
}

























@keyframes irx-corr-slide-in { from { opacity: 0; transform: translateX(1.2rem); } to { opacity: 1; transform: translateX(0); } }



















































































[data-download-all]:disabled {
opacity: .45; cursor: not-allowed;
}

[data-restore-original] {
color: var(--color-accent);
}











@media (max-width: 1050px) {


.irx-tools-nav {
max-width: 64vw;
}
}

@media (max-width: 820px) {
.irx-header__inner {
align-items: flex-start; flex-direction: column; padding-block: 1rem;
}

.irx-header__right,
.irx-tools-nav {
width: 100%; max-width: 100%;
}






}







.irx-header__inner {
min-height: 7.2rem; gap: 2rem;
}

.irx-tools-nav {
gap: clamp(2.8rem, 2.7vw, 4.6rem);
}

.irx-header__right {
gap: 2rem;
}

.irx-lang-slider {
margin-inline: clamp(.8rem, 1.4vw, 1.8rem);
}

.irx-menu-toggle {
display: none; width: 4.2rem; height: 4.2rem; padding: .8rem; border: .1rem solid rgba(255,255,255,.14); border-radius: .8rem; background: rgba(255,255,255,.04); cursor: pointer;
}

.irx-menu-toggle span {
display: block; height: .2rem; margin: .45rem 0; border-radius: 1rem; background: #fff; transition: transform .2s ease, opacity .2s ease;
}

.irx-menu-toggle[aria-expanded="true"] span:nth-child(1) {
transform: translateY(.65rem) rotate(45deg);
}

.irx-menu-toggle[aria-expanded="true"] span:nth-child(2) {
opacity: 0;
}

.irx-menu-toggle[aria-expanded="true"] span:nth-child(3) {
transform: translateY(-.65rem) rotate(-45deg);
}

.irx-mobile-menu {
position: absolute; top: 100%; left: 0; right: 0; z-index: 49; border-top: .1rem solid rgba(255,255,255,.07); border-bottom: .1rem solid rgba(255,255,255,.1); background: rgba(10,10,10,.985); box-shadow: 0 2rem 4rem rgba(0,0,0,.34);
}

.irx-mobile-menu__inner {
padding-block: .8rem 1.4rem;
}

.irx-mobile-menu nav {
display: grid;
}

.irx-mobile-menu__link {
display: flex; align-items: center; justify-content: space-between; min-height: 5.4rem; padding: 0 .4rem; border-bottom: .1rem solid rgba(255,255,255,.08); color: #fff; font-size: 1.65rem; font-weight: 700; text-decoration: none;
}

.irx-mobile-menu__link span:last-child {
color: var(--color-accent); font-size: 2rem;
}

.irx-mobile-menu__link[aria-current="page"] {
color: var(--color-accent);
}



























.irx-app-section {
padding: .8rem 0 0 !important;
}

.irx-app-section > .container {
display: block;
}

.irx-app:not(.has-image) {
border-radius: 1.2rem;
}

.irx-app:not(.has-image) .irx-app__header {
min-height: 0; padding: .65rem 1.4rem .3rem !important;
}

.irx-app:not(.has-image) .irx-app__header h3 {
margin: 0; font-size: 1.45rem;
}

.irx-app:not(.has-image) .irx-app__step {
font-size: .95rem;
}

.irx-app:not(.has-image) .irx-drop-zone {
min-height: 8rem; margin: .35rem 1.2rem .4rem !important; padding: .8rem 1.2rem; grid-template-columns: auto 1fr auto; gap: 1rem; text-align: left;
}

.irx-app:not(.has-image) .irx-drop-zone__icon {
width: 3.6rem; height: 3.6rem; margin: 0;
}

.irx-app:not(.has-image) .irx-drop-zone__copy {
align-items: flex-start;
}

.irx-app:not(.has-image) .irx-drop-zone__copy strong {
font-size: 1.25rem;
}

.irx-app:not(.has-image) .irx-drop-zone small {
grid-column: 2 / -1; font-size: .95rem;
}

.irx-app:not(.has-image) > .irx-message {
min-height: 0; margin: .2rem 1.2rem !important;
}

.irx-ad-banner {
margin: .5rem 1.2rem .8rem;
}



.irx-ad-banner__inner {
position: relative; display: flex; align-items: center; justify-content: center; min-height: clamp(5.5rem, 7vh, 7rem); padding: .8rem 1.2rem; border: .1rem dashed rgba(255,255,255,.16); border-radius: 1rem; background: rgba(255,255,255,.025); color: rgba(255,255,255,.54);
}

.irx-ad-banner__label {
position: absolute; top: .35rem; left: .7rem; color: rgba(255,255,255,.45); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase;
}

.irx-ad-banner__placeholder {
font-size: 1.05rem;
}































@media (max-width: 1199.98px) {
.irx-tools-nav {
display: none;
}

.irx-menu-toggle {
display: block;
}

.irx-header__inner {
flex-direction: row !important; align-items: center !important; min-height: 6.4rem; padding-block: .6rem !important;
}

.irx-header__right {
width: auto !important; max-width: none !important; margin-left: auto;
}

.irx-brand__name {
display: none;
}

.irx-lang-slider {
margin-inline: .2rem .5rem;
}
}

@media (max-width: 620px) {












.irx-app:not(.has-image) .irx-drop-zone{
min-height: 7.2rem; grid-template-columns: auto 1fr auto; padding: .7rem .9rem;
}

.irx-app:not(.has-image) .irx-drop-zone__icon{
width: 3.2rem; height: 3.2rem;
}

.irx-app:not(.has-image) .irx-drop-zone small {
display: none;
}



.irx-ad-banner__inner {
min-height: 5rem;
}
}

.irx-service-hero-slider .irx-slider-controls,
.irx-service-hero-slider .irx-section-kicker,
.irx-service-hero-slider .irx-hero__actions {
display: none !important;
}





.irx-service-hero-slider .irx-benefits__content {
width: 100%;
}

.irx-service-hero-slider .irx-hero__title {
margin-bottom: .55rem !important;
}





.irx-app-section {
overflow: visible;
}

.irx-app-section > .container {
max-width: none !important; width: 100% !important; padding-inline: 0 !important;
}

.irx-app:not(.has-image) {
width: 100%; max-width: none; border-radius: 0 !important; border-inline: 0 !important; background: transparent !important;
}

.irx-app:not(.has-image) .irx-drop-zone {
width: calc(100% - clamp(1.6rem, 5vw, 3.2rem));
  max-width: calc(var(--container-width, 120rem) - clamp(1.6rem, 5vw, 3.2rem));
  min-height: 10rem;
  margin: 0 auto !important;
  padding: 1.4rem clamp(1.6rem, 5vw, 6rem) !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .8rem !important;
  text-align: center !important;
  border-radius: 1.8rem !important;
}

.irx-app:not(.has-image) .irx-drop-zone__icon,
.irx-app:not(.has-image) .irx-drop-zone small {
display: none !important;
}

.irx-app:not(.has-image) .irx-drop-zone__copy {
align-items: center !important; text-align: center !important;
}

.irx-app:not(.has-image) .irx-drop-zone__copy strong {
font-size: clamp(1.4rem, 1.8vw, 1.8rem);
}

.irx-app:not(.has-image) .irx-drop-zone__copy span {
color: var(--irx-muted);
}

.irx-app:not(.has-image) .irx-drop-zone .button {
margin-inline: auto;
}

.irx-app:not(.has-image) > .irx-ad-banner {
margin: 0 !important; width: 100%;
}

.irx-app:not(.has-image) > .irx-message,
.irx-app:not(.has-image) > .irx-rejection-list {
max-width: var(--container-width, 120rem); margin-inline: auto !important;
}



















@media (max-width: 767px) {
.irx-swd-recommendation__mobile-cta {
display: inline-block;
    color: #0a0a0a;
    font-size: .88em;
    animation: irx-internal-promo-cta-pulse 1.45s ease-in-out infinite;
    transform-origin: center;
}
}





.irx-ad-banner {
width: 100%;
  margin: clamp(1.6rem, 2.2vw, 2.8rem) 0 !important;
  padding-inline: 1.6rem;
}

.irx-ad-banner__inner {
width: min(970px, 100%);
  height: 90px;
  min-height: 90px !important;
  margin-inline: auto;
  padding: 0 1.2rem;
  border-radius: .8rem;
}

.irx-ad-banner__placeholder {
font-size: 1rem; letter-spacing: .04em;
}



























.irx-app-section {
padding-top: 0 !important;
}



@media (max-width: 767px) {
.irx-ad-banner {
margin-block: 1.2rem !important; padding-inline: 1.2rem;
}

.irx-ad-banner__inner {
width: min(320px, 100%); height: 100px; min-height: 100px !important;
}

.irx-ad-banner__placeholder {
font-size: .95rem;
}




}

.irx-ad-banner__inner {
box-sizing: border-box !important;
  width: min(970px, 100%) !important;
  height: 90px !important;
  min-height: 90px !important;
  padding: 0 !important;
}





@media (max-width: 767px) {
.irx-ad-banner__inner {
width: min(320px, 100%) !important; height: 100px !important; min-height: 100px !important;
}


}

:root {
--irx-selector-gutter: clamp(1.2rem, 2.6vw, 3.2rem);
}

.irx-app:not(.has-image) .irx-drop-zone {
width: calc(100% - (2 * var(--irx-selector-gutter))) !important;
  margin-inline: var(--irx-selector-gutter) !important;
  border-radius: 1.2rem !important;
  border-inline: .15rem dashed rgba(242, 194, 48, 0.34) !important;
}

.irx-app:not(.has-image) .irx-drop-zone:hover,
.irx-app:not(.has-image) .irx-drop-zone:focus-visible {
  border-color: var(--color-accent) !important;
  border-inline-color: var(--color-accent) !important;
}



















@media (max-width: 620px) {
:root {
--irx-selector-gutter: 1rem;
}


}

.irx-app-section > .container {
box-sizing: border-box;
  width: calc(100% - (2 * var(--irx-selector-gutter))) !important;
  max-width: none !important;
  margin-inline: var(--irx-selector-gutter) !important;
  padding-inline: 0 !important;
}

.irx-app:not(.has-image) .irx-drop-zone {
width: 100% !important;
  margin-inline: 0 !important;
}























@media (max-width: 767px) {
:root {
--irx-selector-gutter: 1rem;
}






}

.irx-app-section {
border: 0 !important;
  background: transparent !important;
}

.irx-app-section .irx-app {
border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.irx-batch-restore,
[data-restore-original] {
display: none !important;
}











.irx-share-dialog {
width: min(94vw, 1120px);
  max-height: 92vh;
  padding: 0;
  border: .1rem solid var(--irx-line);
  border-radius: 1.4rem;
  background: #111;
  color: var(--irx-text);
  box-shadow: 0 1.5rem 6rem rgba(0,0,0,.55);
}

.irx-share-dialog::backdrop {
background: rgba(0,0,0,.72); backdrop-filter: blur(3px);
}

.irx-share-dialog__panel {
position: relative; padding: clamp(1.3rem, 3vw, 2.2rem);
}

.irx-share-dialog__close {
position: absolute; top: .85rem; right: .85rem; z-index: 2;
  display: grid; place-items: center; width: 2.8rem; height: 2.8rem;
  border: .1rem solid var(--irx-line); border-radius: 50%; background: #111;
  color: var(--irx-text); font: inherit; font-size: 1.6rem; cursor: pointer;
}

.irx-share-dialog__close:hover,
.irx-share-dialog__close:focus-visible {
border-color: var(--color-accent); color: var(--color-accent); outline: none;
}

.irx-share-dialog__heading {
max-width: 52rem; padding-right: 3rem;
}

.irx-share-dialog__heading h2 {
margin: 0; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.05;
}

.irx-share-dialog__heading p,
.irx-share-dialog__note {
color: var(--irx-muted);
}

.irx-share-dialog__heading p {
margin: .8rem 0 0; line-height: 1.5;
}

.irx-share-dialog--simple {
width: min(92vw, 720px);
}

.irx-share-dialog__heading--centered {
max-width: 38rem;
  margin-inline: auto;
  padding-right: 0;
  text-align: center;
}

.irx-share-confirmation {
min-height: 2.7em;
  max-width: 42rem;
  margin: 2rem auto 0;
  color: var(--color-white);
  font-size: clamp(1.15rem, 2.2vw, 1.55rem);
  font-weight: 750;
  line-height: 1.35;
  text-align: center;
}


.irx-app:not(.has-image) .irx-drop-zone {
box-sizing: border-box;
  width: min(100%, var(--container-width, 120rem)) !important;
  max-width: var(--container-width, 120rem) !important;
  margin-inline: auto !important;
}





@keyframes irx-guidance-heartbeat {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(242, 194, 48, 0); }
  16% { transform: scale(1.025); box-shadow: 0 0 0 .45rem rgba(242, 194, 48, .12); }
  30% { transform: scale(1); box-shadow: 0 0 0 .75rem rgba(242, 194, 48, 0); }
  46% { transform: scale(1.018); box-shadow: 0 0 0 .35rem rgba(242, 194, 48, .09); }
  62% { transform: scale(1); box-shadow: 0 0 0 .65rem rgba(242, 194, 48, 0); }
}

@keyframes irx-guidance-heartbeat-glow {
  0%, 100% {
    transform: scale(1);
    box-shadow:
      0 0 0 0 rgba(242, 194, 48, 0),
      0 0 0 rgba(255, 224, 102, 0);
    filter: brightness(1);
  }
  14% {
    transform: scale(1.035);
    box-shadow:
      0 0 0 .42rem rgba(242, 194, 48, .19),
      0 0 1.4rem .25rem rgba(255, 218, 78, .44);
    filter: brightness(1.10);
  }
  28% {
    transform: scale(1.006);
    box-shadow:
      0 0 0 .9rem rgba(242, 194, 48, 0),
      0 0 .45rem .05rem rgba(255, 224, 102, .16);
    filter: brightness(1.02);
  }
  44% {
    transform: scale(1.026);
    box-shadow:
      0 0 0 .32rem rgba(242, 194, 48, .14),
      0 0 1.05rem .18rem rgba(255, 218, 78, .34);
    filter: brightness(1.08);
  }
  60% {
    transform: scale(1);
    box-shadow:
      0 0 0 .72rem rgba(242, 194, 48, 0),
      0 0 0 rgba(255, 224, 102, 0);
    filter: brightness(1);
  }
}



















body:not([data-irx-service="compression"]) .irx-processing-ad {
display: none !important;
}

.irx-origin-dialog {
overflow: visible;
  perspective: 1400px;
}

.irx-origin-dialog .irx-share-dialog__panel {
transform-origin: 50% 50%;
  will-change: transform, opacity, filter;
}







.irx-origin-dialog::backdrop {
transition: background .32s ease, backdrop-filter .32s ease;
}





.irx-coffee-dialog {
width: min(94vw, 760px); max-height: 94vh;
}

.irx-coffee-dialog__panel {
max-height: 92vh;
  overflow-y: auto;
  padding: clamp(1.35rem, 3vw, 2.4rem);
  border-radius: inherit;
  background:
    radial-gradient(circle at 88% 8%, rgba(242,194,48,.12), transparent 28%),
    linear-gradient(150deg, #151515 0%, #101010 62%, #0b0b0b 100%);
}

.irx-coffee-dialog__heading {
max-width: 42rem; margin-inline: auto; text-align: center;
}

.irx-coffee-dialog__heading h2 {
margin: .2rem 0 0; font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1;
}

.irx-coffee-dialog__heading > p:last-child {
margin: 1rem auto 0; color: var(--irx-muted); font-size: clamp(1rem, 1.8vw, 1.15rem); line-height: 1.55;
}

.irx-coffee-form {
display: grid; gap: 1rem; max-width: 38rem; margin: 1.7rem auto 0;
}

.irx-coffee-form__group {
min-width: 0; margin: 0; padding: 1rem; border: .1rem solid var(--irx-line); border-radius: 1rem;
}

.irx-coffee-form__group legend {
padding: 0 .5rem; font-weight: 800;
}

.irx-coffee-counts {
display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .65rem;
}

.irx-coffee-count {
min-height: 3.5rem;
  padding: .65rem .55rem;
  border: .1rem solid var(--irx-line);
  border-radius: .8rem;
  background: rgba(255,255,255,.025);
  color: var(--irx-text);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.irx-coffee-count:hover,
.irx-coffee-count:focus-visible {
border-color: var(--color-accent); outline: none; transform: translateY(-1px);
}

.irx-coffee-count.is-selected {
border-color: var(--color-accent); background: rgba(242,194,48,.10); box-shadow: inset 0 0 0 .08rem rgba(242,194,48,.25);
}

.irx-coffee-custom {
display: grid; grid-template-columns: 1fr 7rem; gap: .8rem; align-items: center; margin-top: .85rem;
}

.irx-coffee-custom.irx-site [hidden] {
display: none !important;
}

.irx-coffee-custom input,
.irx-coffee-fields input[type="text"],
.irx-coffee-fields textarea {
width: 100%; box-sizing: border-box; padding: .8rem .9rem;
  border: .1rem solid var(--irx-line); border-radius: .75rem;
  background: rgba(255,255,255,.035); color: var(--irx-text); font: inherit;
}

.irx-coffee-custom input:focus,
.irx-coffee-fields input:focus,
.irx-coffee-fields textarea:focus {
border-color: var(--color-accent); outline: none; box-shadow: 0 0 0 .18rem rgba(242,194,48,.10);
}

.irx-coffee-price-note {
margin: .75rem 0 0; color: rgba(255,255,255,.55); font-size: .84rem; line-height: 1.4;
}

.irx-coffee-monthly {
display: flex; gap: .8rem; align-items: flex-start; padding: 1rem;
  border: .1rem solid rgba(242,194,48,.28); border-radius: 1rem; background: rgba(242,194,48,.055); cursor: pointer;
}

.irx-coffee-monthly input {
margin-top: .22rem; accent-color: var(--color-accent);
}

.irx-coffee-monthly span {
display: grid; gap: .2rem;
}

.irx-coffee-monthly small {
color: var(--irx-muted); line-height: 1.35;
}

.irx-coffee-fields {
display: grid; gap: .8rem;
}

.irx-coffee-fields > label:not(.irx-coffee-private) {
display: grid; gap: .4rem; font-weight: 700;
}

.irx-coffee-fields label small {
color: var(--irx-muted); font-weight: 500;
}

.irx-coffee-fields textarea {
resize: vertical; min-height: 6.5rem; line-height: 1.45;
}

.irx-coffee-private {
display: flex; align-items: center; gap: .6rem; color: var(--irx-muted); cursor: pointer;
}

.irx-coffee-private input {
accent-color: var(--color-accent);
}

.irx-coffee-summary {
display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1rem 1.1rem; border-top: .1rem solid var(--irx-line); border-bottom: .1rem solid var(--irx-line);
}

.irx-coffee-summary span {
color: var(--irx-muted);
}

.irx-coffee-summary strong {
color: var(--color-accent); font-size: clamp(1.35rem, 3vw, 2rem);
}

.irx-coffee-submit {
width: 100%; min-height: 3.8rem;
}

.irx-coffee-secure {
margin: -.2rem 0 0; color: rgba(255,255,255,.58); font-size: .82rem; line-height: 1.4; text-align: center;
}

.irx-coffee-dialog .irx-share-confirmation {
min-height: 1.4em; margin-top: .2rem; font-size: .95rem;
}

@media (max-width: 560px) {
.irx-coffee-dialog {
width: 96vw;
}

.irx-coffee-counts {
grid-template-columns: repeat(2,minmax(0,1fr));
}

.irx-coffee-custom {
grid-template-columns: 1fr 6rem;
}

.irx-coffee-summary {
align-items: flex-end; flex-direction: column; gap: .25rem;
}
}

@keyframes irx-coffee-rise {
  0% { opacity: 0; transform: translate3d(0,0,0) rotate(-18deg) scale(.7); }
  12% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(var(--irx-coffee-drift, 0), -112vh, 0) rotate(24deg) scale(1.12); }
}

.irx-origin-dialog {
overflow: visible;
  perspective: 1800px;
}

.irx-origin-dialog .irx-share-dialog__panel {
transform-origin: 50% 50%;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform, opacity, filter, box-shadow;
}







.irx-origin-dialog::backdrop {
background: rgba(0,0,0,.12);
  backdrop-filter: blur(0) saturate(1);
  transition: background .62s ease, backdrop-filter .62s ease;
}





[data-coffee-dialog-open],
[data-share-open],
[data-linkedin-open] {
transform-style: preserve-3d;
  backface-visibility: hidden;
}



.irx-coffee-dialog {
width: min(96vw, 1040px); max-height: 94vh;
}

.irx-coffee-dialog__panel {
max-height: 92vh;
  overflow-y: auto;
  padding: clamp(1.3rem, 2.8vw, 2.3rem);
}

.irx-coffee-dialog__layout {
display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(1.4rem, 3vw, 2.6rem);
  align-items: stretch;
}

.irx-coffee-dialog__story {
display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6rem;
  padding: clamp(.25rem, 1vw, .7rem) 0;
}

.irx-coffee-dialog__heading {
max-width: none;
  margin: 0;
  text-align: left;
}

.irx-coffee-dialog__heading h2 {
margin: 0;
  max-width: 9em;
  font-size: clamp(2.25rem, 4.3vw, 4rem);
  line-height: .98;
}

.irx-coffee-dialog__heading > p:last-child {
margin: 1.15rem 0 0;
  max-width: 35rem;
  font-size: clamp(1rem, 1.55vw, 1.12rem);
  line-height: 1.58;
}

.irx-coffee-dialog__story .irx-coffee-form__group {
margin-top: auto;
  background: rgba(255,255,255,.025);
}

.irx-coffee-dialog__story .irx-coffee-counts {
grid-template-columns: repeat(2,minmax(0,1fr));
}

.irx-coffee-form {
align-content: start;
  gap: .9rem;
  max-width: none;
  margin: 0;
  padding: 1.05rem;
  border: .1rem solid rgba(255,255,255,.09);
  border-radius: 1.15rem;
  background: rgba(0,0,0,.18);
}

.irx-coffee-submit:not(:disabled) {
position: relative;
  isolation: isolate;
  box-shadow:
    0 0 0 .12rem rgba(242,194,48,.22),
    0 0 1.45rem .22rem rgba(242,194,48,.34),
    0 .7rem 2rem rgba(0,0,0,.28);
}

.irx-coffee-submit:not(:disabled):hover,
.irx-coffee-submit:not(:disabled):focus-visible {
box-shadow:
    0 0 0 .16rem rgba(242,194,48,.32),
    0 0 2rem .32rem rgba(255,218,78,.45),
    0 .9rem 2.4rem rgba(0,0,0,.34);
}

.irx-coffee-celebration {
position: fixed;
  inset: 0;
  z-index: 2147483000;
  overflow: hidden;
  pointer-events: none;
}

.irx-coffee-celebration span {
position: absolute;
  left: var(--irx-coffee-x, 50vw);
  bottom: -3rem;
  font-size: var(--irx-coffee-size, 1.5rem);
  filter: drop-shadow(0 .35rem .45rem rgba(0,0,0,.34));
  animation: irx-coffee-rise var(--irx-coffee-duration, 2s) cubic-bezier(.14,.68,.25,1) var(--irx-coffee-delay, 0s) both;
}

@keyframes irx-coffee-rise {
  0% { opacity: 0; transform: translate3d(0,0,0) rotate(-18deg) scale(.7); }
  12% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(var(--irx-coffee-drift, 0), -112vh, 0) rotate(24deg) scale(1.12); }
}

@media (max-width: 760px) {
.irx-coffee-dialog {
width: 96vw;
}

.irx-coffee-dialog__layout {
grid-template-columns: 1fr; gap: 1.15rem;
}

.irx-coffee-dialog__story {
gap: 1rem;
}

.irx-coffee-dialog__heading h2 {
max-width: none; font-size: clamp(2.05rem, 10vw, 3.2rem);
}

.irx-coffee-dialog__story .irx-coffee-counts {
grid-template-columns: repeat(4,minmax(0,1fr));
}

.irx-coffee-form {
padding: .85rem;
}
}

@media (max-width: 480px) {
.irx-coffee-dialog__story .irx-coffee-counts {
grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (prefers-reduced-motion: reduce) {


.irx-origin-dialog .irx-share-dialog__panel {
transition: none !important; transform: none !important; filter: none !important;
}

.irx-coffee-celebration {
display: none !important;
}
}

.irx-origin-dialog {
overflow: visible;
  perspective: none;
}

.irx-origin-dialog .irx-share-dialog__panel {
transform: none !important;
  filter: none !important;
  transition: opacity .16s ease !important;
}



.irx-origin-dialog::backdrop {
background: rgba(0,0,0,0);
  -webkit-backdrop-filter: blur(0) saturate(1);
  backdrop-filter: blur(0) saturate(1);
  transition:
    background 1.08s cubic-bezier(.18,.72,.18,1),
    -webkit-backdrop-filter 1.08s cubic-bezier(.18,.72,.18,1),
    backdrop-filter 1.08s cubic-bezier(.18,.72,.18,1);
}























@media (prefers-reduced-motion: reduce) {


.irx-origin-dialog::backdrop {
transition: none !important;
}

.irx-origin-dialog .irx-share-dialog__panel {
transition: none !important;
}
}





.irx-origin-dialog::backdrop {
background: rgba(0,0,0,0);
  -webkit-backdrop-filter: blur(0) saturate(1);
  backdrop-filter: blur(0) saturate(1);
  transition:
    background 1.42s cubic-bezier(.26,.08,.22,1),
    -webkit-backdrop-filter 1.42s cubic-bezier(.26,.08,.22,1),
    backdrop-filter 1.42s cubic-bezier(.26,.08,.22,1);
}





















.irx-coffee-dialog__panel{
background-image:
    linear-gradient(90deg, rgba(5,5,5,.82) 0%, rgba(5,5,5,.69) 44%, rgba(5,5,5,.77) 100%),
    url("../images/support/coffee-background.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.irx-coffee-dialog__story .irx-coffee-form__group {
background: rgba(6,6,6,.64) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.irx-coffee-form {
background: rgba(5,5,5,.72) !important;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

.irx-coffee-dialog__heading > p:last-child,
.irx-coffee-price-note,
.irx-coffee-secure {
color: rgba(255,255,255,.84) !important;
  text-shadow: 0 .08rem .35rem rgba(0,0,0,.7);
}


.irx-origin-dialog .irx-share-dialog__panel{
border-color: rgba(0,0,0,.28) !important;
  background-color: var(--color-accent) !important;
  color: #0a0a0a !important;
}

.irx-origin-dialog .irx-share-dialog__panel h2,
.irx-origin-dialog .irx-share-dialog__panel h3,
.irx-origin-dialog .irx-share-dialog__panel p,
.irx-origin-dialog .irx-share-dialog__panel li,
.irx-origin-dialog .irx-share-dialog__panel strong,
.irx-origin-dialog .irx-share-dialog__panel small,
.irx-origin-dialog .irx-share-dialog__panel label,
.irx-origin-dialog .irx-share-dialog__panel legend,
.irx-origin-dialog .irx-share-dialog__panel span{
color: #0a0a0a !important;
  text-shadow: none !important;
}

.irx-origin-dialog .irx-share-dialog__close{
border-color: rgba(0,0,0,.34) !important;
  background: rgba(255,255,255,.2) !important;
  color: #0a0a0a !important;
}

.irx-origin-dialog .irx-share-dialog__close:hover,
.irx-origin-dialog .irx-share-dialog__close:focus-visible {
border-color: #0a0a0a !important;
  background: #0a0a0a !important;
  color: var(--color-accent) !important;
}

.irx-origin-dialog .irx-share-network-choice{
border-color: rgba(0,0,0,.28) !important;
  background: rgba(255,255,255,.16) !important;
  color: #0a0a0a !important;
}

.irx-origin-dialog .irx-share-network-choice:hover,
.irx-origin-dialog .irx-share-network-choice:focus-visible {
border-color: #0a0a0a !important;
  background: rgba(255,255,255,.32) !important;
}

.irx-origin-dialog .irx-share-network-choice__icon{
color: #0a0a0a !important;
  border-color: #0a0a0a !important;
}

.irx-origin-dialog .irx-share-steps li::before,
.irx-origin-dialog .irx-share-thanks,
.irx-origin-dialog .irx-share-confirmation {
color: #0a0a0a !important;
}

.irx-coffee-dialog__panel{
background-image:
    linear-gradient(rgba(242,194,48,.88), rgba(242,194,48,.88)),
    url("../images/support/coffee-background.webp") !important;
  background-color: var(--color-accent) !important;
  background-blend-mode: normal !important;
}

.irx-coffee-dialog__story .irx-coffee-form__group,
.irx-coffee-form {
border-color: rgba(0,0,0,.25) !important;
  background: rgba(255,255,255,.18) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.irx-coffee-dialog input,
.irx-coffee-dialog textarea {
border-color: rgba(0,0,0,.35) !important;
  background: rgba(255,255,255,.66) !important;
  color: #0a0a0a !important;
}

.irx-coffee-count {
border-color: rgba(0,0,0,.3) !important;
  background: rgba(255,255,255,.18) !important;
  color: #0a0a0a !important;
}

.irx-coffee-count.is-selected {
border-color: #0a0a0a !important;
  background: #0a0a0a !important;
  color: var(--color-accent) !important;
}

.irx-coffee-submit:not(:disabled) {
border-color: #0a0a0a !important;
  background: #0a0a0a !important;
  color: var(--color-accent) !important;
}







[data-review-dialog-open] {
transform-style: flat !important;
}



.irx-origin-dialog .irx-share-dialog__panel{
border-radius: 1.35rem !important;
  overflow: hidden !important;
}

.irx-coffee-dialog__panel{
background-image:
    linear-gradient(rgba(242,194,48,.68), rgba(242,194,48,.68)),
    url("../images/support/coffee-background.webp") !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: var(--color-accent) !important;
}

.irx-coffee-dialog__panel {
background:
    linear-gradient(0deg, rgba(242,194,48,.50), rgba(242,194,48,.50)),
    url("/assets/images/support/coffee-popup-bg-full.webp") center center / cover no-repeat !important;
}

.irx-coffee-dialog__panel{
background-image:
    linear-gradient(rgba(242,194,48,.52), rgba(242,194,48,.52)),
    url("../images/support/coffee-popup-bg-full.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: var(--color-accent) !important;
  background-blend-mode: normal !important;
}

.irx-coffee-dialog__panel{
background-image:
    linear-gradient(rgba(242,194,48,.74), rgba(242,194,48,.74)),
    url("../images/support/coffee-popup-bg-full.webp") !important;
}

.irx-coffee-summary.irx-site [hidden] {
display: none !important;
}

.irx-coffee-submit[disabled],
.irx-coffee-submit[aria-disabled="true"] {
opacity: .72;
  cursor: not-allowed;
  box-shadow: none !important;
  filter: grayscale(.08);
}

.irx-coffee-count,
.irx-coffee-submit {
position: relative;
  z-index: 1;
}

.irx-coffee-dialog .is-guidance-pulse {
animation: irx-guidance-heartbeat-glow 1.55s cubic-bezier(.22,.61,.36,1) infinite !important;
  transform-origin: center;
  isolation: isolate;
}

@media (prefers-reduced-motion: reduce) {
.irx-coffee-dialog .is-guidance-pulse {
animation: none !important;
}
}

.irx-support-card-stack {
display: grid;
  min-width: 0;
  gap: .72rem;
  align-content: start;
}

.irx-support-card-stack > .irx-support-card {
width: 100%;
}



.irx-latest-supporter.irx-site [hidden] {
display: none !important;
}





.irx-coffee-dialog .irx-coffee-count.is-guidance-pulse {
border-color: #0a0a0a !important;
  background: #0a0a0a !important;
  color: var(--color-accent) !important;
}

.irx-coffee-celebration span {
top: -3.5rem !important;
  bottom: auto !important;
  animation: irx-coffee-rain-down 1s cubic-bezier(.18,.62,.25,1) both !important;
}

@keyframes irx-coffee-rain-down {
  0% { opacity: 0; transform: translate3d(0,-5vh,0) rotate(-16deg) scale(.78); }
  8% { opacity: 1; }
  82% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(var(--irx-coffee-drift, 0),112vh,0) rotate(26deg) scale(1.06); }
}

.irx-coffee-thanks {
position: fixed;
  inset: 50% auto auto 50%;
  z-index: 2147483100;
  max-width: min(92vw, 18em);
  padding: .15em .3em;
  border: 0;
  background: transparent;
  color: var(--color-accent);
  font: inherit;
  font-size: clamp(3rem, 8vw, 7.2rem);
  font-weight: 1000;
  line-height: .92;
  letter-spacing: -.055em;
  text-align: center;
  text-wrap: balance;
  text-shadow: 0 .06em .18em rgba(0,0,0,.78), 0 0 .32em rgba(242,194,48,.22);
  cursor: pointer;
  transform: translate(-50%,-50%);
  animation: irx-coffee-thanks-in .2s ease-out both;
}

@keyframes irx-coffee-thanks-in {
  from { opacity: 0; transform: translate(-50%,-50%) scale(.84); }
  to { opacity: 1; transform: translate(-50%,-50%) scale(1); }
}

.irx-coffee-celebration span {
top: -4.5rem !important;
  bottom: auto !important;
  animation-name: irx-coffee-rain-random !important;
  animation-duration: var(--irx-coffee-duration, 5.8s) !important;
  animation-timing-function: cubic-bezier(.26,.08,.34,1) !important;
  animation-delay: var(--irx-coffee-delay, 0s) !important;
  animation-fill-mode: both !important;
}

@keyframes irx-coffee-rain-random {
  0% { opacity: 0; transform: translate3d(0,-8vh,0) rotate(var(--irx-coffee-rot-a,-14deg)) scale(.76); }
  7% { opacity: 1; }
  24% { transform: translate3d(var(--irx-coffee-drift-a,20px),22vh,0) rotate(var(--irx-coffee-rot-b,8deg)) scale(.9); }
  49% { transform: translate3d(var(--irx-coffee-drift-b,-24px),53vh,0) rotate(var(--irx-coffee-rot-c,-6deg)) scale(1); }
  73% { opacity: 1; transform: translate3d(var(--irx-coffee-drift-c,16px),82vh,0) rotate(var(--irx-coffee-rot-b,12deg)) scale(1.04); }
  100% { opacity: 0; transform: translate3d(var(--irx-coffee-drift-a,0),116vh,0) rotate(var(--irx-coffee-rot-c,18deg)) scale(1.08); }
}

.irx-coffee-ambient-blur {
position: fixed;
  inset: 0;
  z-index: 2147483000;
  pointer-events: none;
  background: rgba(0, 0, 0, .16);
  -webkit-backdrop-filter: blur(8px) saturate(.82);
  backdrop-filter: blur(8px) saturate(.82);
}

.irx-coffee-celebration {
position: fixed;
  inset: 0;
  z-index: 2147483100;
  pointer-events: none;
  overflow: hidden;
}

.irx-coffee-celebration span {
position: absolute;
  left: 0;
  top: -5.5rem !important;
  bottom: auto !important;
  font-size: var(--irx-coffee-size, 1.3rem);
  line-height: 1;
  will-change: transform, opacity;
  animation-name: irx-coffee-rain-continuous !important;
  animation-duration: var(--irx-coffee-duration, 4200ms) !important;
  animation-timing-function: linear !important;
  animation-delay: 0s !important;
  animation-fill-mode: both !important;
}

@keyframes irx-coffee-rain-continuous {
  0% {
    opacity: 0;
    transform: translate3d(var(--irx-coffee-x, 50vw), -8vh, 0) rotate(var(--irx-coffee-rot-start, 0deg)) scale(.92);
  }
  8% {
    opacity: 1;
  }
  48% {
    opacity: 1;
    transform: translate3d(calc(var(--irx-coffee-x, 50vw) + var(--irx-coffee-drift-mid, 0px)), 48vh, 0) rotate(calc(var(--irx-coffee-rot-start, 0deg) * -1)) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(calc(var(--irx-coffee-x, 50vw) + var(--irx-coffee-drift-end, 0px)), 116vh, 0) rotate(var(--irx-coffee-rot-end, 0deg)) scale(1.06);
  }
}

.irx-coffee-thanks {
position: fixed;
  inset: 50% auto auto 50%;
  z-index: 2147483200;
  max-width: min(92vw, 18em);
  padding: .12em .28em;
  border: 0;
  background: transparent;
  color: var(--color-accent);
  font: inherit;
  font-size: clamp(3.4rem, 9vw, 8.4rem);
  font-weight: 1000;
  line-height: .9;
  letter-spacing: -.06em;
  text-align: center;
  text-wrap: balance;
  -webkit-text-stroke: .028em rgba(0,0,0,.22);
  text-shadow:
    0 .06em .18em rgba(0,0,0,.76),
    0 0 .34em rgba(242,194,48,.18),
    .018em 0 0 currentColor,
    -.018em 0 0 currentColor,
    0 .018em 0 currentColor,
    0 -.018em 0 currentColor;
  transform: translate(-50%,-50%);
  animation: irx-coffee-thanks-in .18s ease-out both;
}

@media (prefers-reduced-motion: reduce) {
.irx-coffee-ambient-blur,
.irx-coffee-celebration {
display: none !important;
}

.irx-coffee-thanks {
animation: none !important;
}
}

.irx-coffee-ambient-blur {
opacity: 0;
  transition: opacity .32s ease, backdrop-filter .32s ease, -webkit-backdrop-filter .32s ease, background-color .32s ease;
  -webkit-backdrop-filter: blur(0) saturate(1);
  backdrop-filter: blur(0) saturate(1);
  background: rgba(0, 0, 0, 0);
}

.irx-coffee-ambient-blur.is-visible {
opacity: 1;
  background: rgba(0, 0, 0, .16);
  -webkit-backdrop-filter: blur(8px) saturate(.82);
  backdrop-filter: blur(8px) saturate(.82);
}

.irx-coffee-thanks {
opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
  font-weight: 1000;
  text-shadow:
    0 .06em .18em rgba(0,0,0,.76),
    0 0 .34em rgba(242,194,48,.18),
    .028em 0 0 currentColor,
    -.028em 0 0 currentColor,
    0 .028em 0 currentColor,
    0 -.028em 0 currentColor;
}

.irx-coffee-thanks.is-visible {
opacity: 1;
}

.irx-coffee-thanks.is-leaving {
opacity: 0;
  transform: translate(-50%,-50%) scale(.97);
  transition: opacity .4s ease, transform .4s ease;
}







.irx-coffee-thanks {
z-index: 2147483200;
  max-width: min(92vw, 12.5em);
  padding: .08em .18em;
  color: #f2c230;
  font-family: Impact, Haettenschweiler, "Arial Black", "Segoe UI", sans-serif;
  font-size: clamp(3.1rem, 8vw, 7.2rem);
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.035em;
  text-align: center;
  text-wrap: balance;
  -webkit-text-stroke: .022em rgba(10,10,10,.92);
  text-shadow:
    0 .08em .2em rgba(0,0,0,.62),
    0 0 .48em rgba(242,194,48,.18);
  transform: translate(-50%, -50%) scale(.975);
}

.irx-coffee-thanks.is-visible {
opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.irx-coffee-thanks.is-leaving {
opacity: 0;
  transform: translate(-50%, -50%) scale(.985);
}

.irx-coffee-celebration--back {
z-index: 2147483100;
}

.irx-coffee-celebration--front {
z-index: 2147483250;
}

.irx-coffee-celebration--front span {
filter: drop-shadow(0 .18rem .38rem rgba(0, 0, 0, .26));
}







.irx-latest-supporter p.irx-site [hidden] {
display: none !important;
}

.irx-coffee-test-mode {
display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 .35rem;
  padding: .35rem .6rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.irx-coffee-header-cta {
position: relative;
  display: inline-grid;
  width: 3.9rem;
  height: 3.9rem;
  flex: 0 0 3.9rem;
  place-items: center;
  padding: 0;
  border: .1rem solid rgba(242,194,48,.55);
  border-radius: 50%;
  color: #0a0a0a;
  background: var(--color-accent, #f2c230);
  box-shadow: 0 0 0 .1rem rgba(242,194,48,.12), 0 0 1.8rem rgba(242,194,48,.22);
  cursor: pointer;
  isolation: isolate;
  animation: irx-coffee-cta-heartbeat 1.8s ease-in-out infinite;
}

.irx-coffee-header-cta::before {
content: "";
  position: absolute;
  inset: -.55rem;
  z-index: -1;
  border: .1rem solid rgba(242,194,48,.34);
  border-radius: 50%;
  box-shadow: 0 0 1.7rem rgba(242,194,48,.34), 0 0 3rem rgba(242,194,48,.16);
  opacity: .45;
  animation: irx-coffee-cta-aura 1.8s ease-out infinite;
}

.irx-coffee-header-cta__cup {
display: block;
  font-size: 1.65rem;
  line-height: 1;
  transform: translateY(.05rem);
}

.irx-coffee-header-cta__plus {
position: absolute;
  top: -.12rem;
  right: -.05rem;
  display: grid;
  min-width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border: .12rem solid #0a0a0a;
  border-radius: 50%;
  background: #fff;
  color: #0a0a0a;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1;
}

.irx-coffee-header-cta:hover,
.irx-coffee-header-cta:focus-visible {
outline: none;
  box-shadow: 0 0 0 .2rem #0a0a0a, 0 0 0 .42rem rgba(242,194,48,.85), 0 0 2.4rem rgba(242,194,48,.42);
}

@keyframes irx-coffee-cta-heartbeat {
  0%, 36%, 100% { transform: scale(1); }
  12% { transform: scale(1.08); }
  20% { transform: scale(.985); }
  27% { transform: scale(1.055); }
}

@keyframes irx-coffee-cta-aura {
  0%, 25% { transform: scale(.86); opacity: .22; }
  58% { transform: scale(1.16); opacity: .58; }
  100% { transform: scale(1.32); opacity: 0; }
}

.irx-coffee-dialog.is-coffee-fade-mode {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.irx-coffee-dialog.is-coffee-fade-mode .irx-share-dialog__panel {
opacity: 0 !important;
  transform: none !important;
  filter: none !important;
  transition: opacity .56s cubic-bezier(.22,.61,.36,1) !important;
}

.irx-coffee-dialog.is-coffee-fade-mode.is-coffee-fade-visible .irx-share-dialog__panel {
opacity: 1 !important;
}

.irx-coffee-dialog.is-coffee-fade-mode::backdrop {
background: rgba(0,0,0,0);
  -webkit-backdrop-filter: blur(0) saturate(1);
  backdrop-filter: blur(0) saturate(1);
  transition:
    background .68s cubic-bezier(.22,.61,.36,1),
    -webkit-backdrop-filter .68s cubic-bezier(.22,.61,.36,1),
    backdrop-filter .68s cubic-bezier(.22,.61,.36,1);
}

.irx-coffee-dialog.is-coffee-fade-mode.is-coffee-fade-visible::backdrop {
background: rgba(0,0,0,.74);
  -webkit-backdrop-filter: blur(8px) saturate(.88);
  backdrop-filter: blur(8px) saturate(.88);
}

.irx-coffee-dialog.is-coffee-fade-mode.is-coffee-fade-leaving .irx-share-dialog__panel {
opacity: 0 !important;
}

.irx-coffee-dialog.is-coffee-fade-mode.is-coffee-fade-leaving::backdrop {
background: rgba(0,0,0,0);
  backdrop-filter: blur(0);
}

@media (max-width: 1199.98px) {
.irx-coffee-header-cta {
width: 3.7rem; height: 3.7rem; flex-basis: 3.7rem;
}
}

@media (max-width: 479.98px) {
.irx-coffee-header-cta {
width: 3.45rem; height: 3.45rem; flex-basis: 3.45rem;
}

.irx-coffee-header-cta__cup {
font-size: 1.45rem;
}

.irx-coffee-header-cta__plus {
min-width: 1.3rem; height: 1.3rem; font-size: .95rem;
}

.irx-lang-slider {
min-width: 7.1rem; margin-inline: 0 .2rem !important;
}

.irx-header__right {
gap: .45rem !important;
}
}

@media (prefers-reduced-motion: reduce) {
.irx-coffee-header-cta,
.irx-coffee-header-cta::before {
animation: none !important;
}

.irx-coffee-dialog.is-coffee-fade-mode .irx-share-dialog__panel,
.irx-coffee-dialog.is-coffee-fade-mode::backdrop {
transition-duration: .01ms !important;
}
}

.irx-ad-banner ins.adsbygoogle,
.irx-processing-ad ins.adsbygoogle {
width: 100%;
  max-width: 100%;
}

.irx-ad-banner__placeholder[hidden],
.irx-processing-ad__placeholder.irx-site [hidden] {
display: none !important;
}

.irx-ad-banner__inner {
position: relative;
  box-sizing: border-box !important;
  width: min(970px, 100%) !important;
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  margin-inline: auto;
  padding: 0 !important;
  overflow: hidden;
}

.irx-swd-recommendation {
position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  align-items: center;
  gap: 1rem;
  padding: .8rem 1.2rem;
  border: .1rem solid rgba(242, 194, 48, .42);
  border-radius: .8rem;
  color: #0a0a0a;
  background: #ffffff;
  box-shadow: 0 .6rem 1.6rem rgba(0, 0, 0, .18);
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
}

.irx-swd-recommendation::before {
content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(255,255,255,.76) 0%, rgba(255,255,255,.66) 32%, rgba(255,255,255,.30) 57%, rgba(255,255,255,.02) 100%),
    radial-gradient(circle at 14% 50%, rgba(242,194,48,.10), transparent 34%);
}

.irx-swd-recommendation__media {
position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  background-color: #f4f7fb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1.02);
}

.irx-swd-recommendation__text,
.irx-swd-recommendation b {
position: relative;
  z-index: 2;
}

.irx-swd-recommendation__text {
display: grid;
  min-width: 0;
  gap: .16rem;
  color: #1b1b1b;
}

.irx-swd-recommendation__eyebrow {
width: max-content;
  padding: .16rem .34rem;
  border-radius: .28rem;
  color: #0a0a0a;
  background: #f2c230;
  font-size: 1.72rem;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}

.irx-swd-recommendation__text strong {
color: #0a0a0a;
  font-size: 1.42rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.irx-swd-recommendation__text small {
display: block;
  color: #202020;
  font-size: 1.18rem;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.irx-swd-recommendation b {
flex: 0 0 auto;
  padding: .62rem .9rem;
  border-radius: var(--radius-pill);
  color: #0a0a0a;
  background: #f2c230;
  font-size: 2.08rem;
  line-height: 1.08;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 .3rem .8rem rgba(242,194,48,.28);
  animation: irx-internal-promo-cta-pulse 1.45s ease-in-out infinite;
}

.irx-swd-recommendation__mobile-cta {
display: none;
  margin-left: .28em;
  color: #0a0a0a;
  font-weight: 900;
  white-space: nowrap;
}

@keyframes irx-internal-promo-cta-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 .3rem .8rem rgba(242,194,48,.28); }
  50% { transform: scale(1.075); box-shadow: 0 .35rem 1.15rem rgba(242,194,48,.52); }
}

.irx-ad-external {
position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  background: #ffffff;
}

.irx-ad-external .irx-adsense-unit {
display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 970px !important;
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  margin: 0 auto !important;
}

.irx-ad-banner.is-adsense-filled .irx-ad-external,
.irx-processing-ad.is-adsense-filled .irx-ad-external {
opacity: 1;
  pointer-events: auto;
}

@media (hover: hover) and (pointer: fine) {
.irx-swd-recommendation:hover {
border-color: rgba(242, 194, 48, .72);
    transform: translateY(-1px);
    box-shadow: 0 .8rem 1.9rem rgba(0, 0, 0, .18);
}
}

@media (max-width: 767px) {
.irx-ad-banner__inner {
width: min(320px, 100%) !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
}

.irx-swd-recommendation {
grid-template-columns: minmax(0, 1fr);
    gap: .2rem;
    padding: .7rem .8rem;
    align-items: center;
}

.irx-swd-recommendation::before {
background:
      linear-gradient(90deg, rgba(255,255,255,.80) 0%, rgba(255,255,255,.68) 54%, rgba(255,255,255,.24) 100%),
      radial-gradient(circle at 18% 50%, rgba(242,194,48,.08), transparent 42%);
}

.irx-swd-recommendation__eyebrow {
display: none;
}

.irx-swd-recommendation__text small {
display: none;
}

.irx-swd-recommendation__text strong {
font-size: 1.6rem;
    line-height: 1.12;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.irx-swd-recommendation b {
display: none;
}

.irx-ad-external .irx-adsense-unit {
max-width: 320px !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
}
}

.irx-swd-recommendation.irx-site [hidden] {
display: none !important;
}

@media (prefers-reduced-motion: reduce) {
.irx-swd-recommendation b,
.irx-swd-recommendation__mobile-cta {
animation: none !important;
    transform: none !important;
}
}

.irx-swd-recommendation__title--mobile {
display: none;
}

@keyframes irx-internal-promo-mobile-cta-pulse {
  0%, 100% { transform: scale(1); opacity: .82; text-shadow: 0 0 0 rgba(242,194,48,0); }
  50% { transform: scale(1.09); opacity: 1; text-shadow: 0 0 .65rem rgba(242,194,48,.72); }
}

@media (max-width: 767px) {
.irx-swd-recommendation__title--mobile {
display: block !important;
    margin: 0;
    font-size: 1.34rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

.irx-swd-recommendation__mobile-cta {
display: inline-block !important;
    margin-left: .32em;
    color: #0a0a0a;
    font-size: .78em;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    transform-origin: center;
    animation: irx-internal-promo-mobile-cta-pulse 1.35s ease-in-out infinite;
}
}

@media (prefers-reduced-motion: reduce) {
.irx-swd-recommendation__mobile-cta {
animation: none !important;
    transform: none !important;
    opacity: 1 !important;
}
}

.irx-swd-recommendation__mobile-block {
display: none;
}

@media (max-width: 767px) {
.irx-swd-recommendation {
grid-template-columns: minmax(0, 1fr) !important;
    place-items: center !important;
    padding: .48rem .7rem !important;
}

.irx-swd-recommendation__text {
width: 100%;
    justify-items: center;
    text-align: center;
}

.irx-swd-recommendation__title--desktop {
display: none !important;
}

.irx-swd-recommendation__mobile-block {
position: relative;
    z-index: 2;
    display: grid !important;
    width: min(100%, 18.5rem);
    justify-items: center;
    gap: .42rem;
    margin-inline: auto;
    text-align: center;
}

.irx-swd-recommendation__title--mobile {
display: block !important;
    margin: 0 !important;
    color: #0a0a0a;
    font-size: 1.22rem !important;
    font-weight: 800;
    line-height: 1.08 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

.irx-swd-recommendation__mobile-cta {
display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 6.2rem;
    margin: 0 !important;
    padding: .42rem .78rem;
    border-radius: var(--radius-pill);
    color: #0a0a0a;
    background: #f2c230;
    box-shadow: 0 .25rem .7rem rgba(242,194,48,.42);
    font-size: .88rem !important;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    transform-origin: center;
    animation: irx-internal-promo-cta-pulse 1.45s ease-in-out infinite;
}

.irx-swd-recommendation__text small,
.irx-swd-recommendation > b {
display: none !important;
}
}

@media (prefers-reduced-motion: reduce) {
.irx-swd-recommendation__mobile-cta {
animation: none !important;
    transform: none !important;
}
}

@media (max-width: 1199.98px) {
.irx-menu-toggle {
border-color: rgba(242, 194, 48, .48);
}

.irx-menu-toggle span {
background: var(--color-accent, #f2c230);
}
}

.irx-coffee-header-cta__plus {
min-width: 1.58rem;
  height: 1.58rem;
  font-size: 1.24rem;
}

@media (max-width: 620px) {
.irx-header__inner {
gap: .45rem !important;
}

.irx-header__right {
flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    margin-left: 0 !important;
    gap: .45rem !important;
}

.irx-lang-slider {
margin-left: auto !important;
    margin-right: 0 !important;
}
}

@media (max-width: 479.98px) {
.irx-coffee-header-cta__plus {
min-width: 1.44rem;
    height: 1.44rem;
    font-size: 1.08rem;
}
}

.irx-service-hero-slider {
position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}







@keyframes irx-mobile-result-sheet-in {
  from {
    opacity: .35;
    transform: translateY(calc(100% + 2rem));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes irx-better-nav-up-pulse {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 0 0 0 rgba(242,194,48,0); }
  42% { transform: translateY(-.18rem) scale(1.07); box-shadow: 0 0 0 .32rem rgba(242,194,48,.11); }
  70% { transform: translateY(0) scale(1); box-shadow: 0 0 0 .52rem rgba(242,194,48,0); }
}

@keyframes irx-better-nav-down-pulse {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 0 0 0 rgba(242,194,48,0); }
  42% { transform: translateY(.18rem) scale(1.07); box-shadow: 0 0 0 .32rem rgba(242,194,48,.11); }
  70% { transform: translateY(0) scale(1); box-shadow: 0 0 0 .52rem rgba(242,194,48,0); }
}

@keyframes irx-mobile-result-sheet-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: .15;
    transform: translateY(calc(100% + 2rem));
  }
}

@keyframes irx-mobile-result-tab-pulse {
  0%, 100% { transform: translateY(0); }
  45% { transform: translateY(-.18rem); }
}

.irx-mobile-result-tab {
display: none;
}





.irx-coffee-dialog__heading > p:last-child {
font-size: clamp(1.15rem, 1.7vw, 1.32rem) !important;
  line-height: 1.58 !important;
}

@media (max-width: 620px) {
.irx-coffee-dialog__heading > p:last-child {
font-size: 1.08rem !important;
    line-height: 1.52 !important;
}

.irx-coffee-dialog__story .irx-coffee-form__group {
padding-inline: .7rem !important;
}

.irx-coffee-dialog__story .irx-coffee-form__group legend {
display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 .12rem !important;
    font-size: clamp(.78rem, 3.35vw, .94rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -.018em !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.irx-coffee-dialog__story .irx-coffee-counts,
.irx-coffee-dialog__story .irx-coffee-counts:last-child {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .32rem !important;
}

.irx-coffee-dialog .irx-coffee-count {
min-width: 0 !important;
    min-height: 3.15rem !important;
    padding: .48rem .28rem !important;
    font-size: clamp(.72rem, 3.1vw, .86rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
}

.irx-coffee-monthly {
align-items: center !important;
    padding-block: .78rem !important;
}

.irx-coffee-monthly input {
margin-top: 0 !important;
}

.irx-coffee-monthly span {
display: block !important;
}

.irx-coffee-monthly small {
display: none !important;
}

.irx-coffee-summary {
box-sizing: border-box;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .65rem !important;
    padding: .8rem .9rem !important;
    text-align: left !important;
}

.irx-coffee-summary span,
.irx-coffee-summary strong {
margin: 0 !important;
    white-space: nowrap !important;
}

.irx-coffee-summary strong {
font-size: 1.28rem !important;
}
}

@media (max-width: 340px) {
.irx-coffee-dialog__story .irx-coffee-form__group legend {
font-size: .72rem !important;
    letter-spacing: -.03em !important;
}

.irx-coffee-dialog .irx-coffee-count {
font-size: .68rem !important;
    padding-inline: .18rem !important;
}
}

.irx-footer__credit {
container-type: inline-size;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  column-gap: .3em;
  row-gap: .12em;
  min-width: 0;
  max-width: 100%;
}

.irx-footer__credit-lead {
display: inline-flex;
  flex: 0 0 auto;
  align-items: baseline;
  gap: .3em;
  white-space: nowrap;
}

.irx-footer__credit-product,
.irx-footer__credit-copy,
.irx-footer__credit-owner,
.irx-footer__credit-owner a {
white-space: nowrap;
}

.irx-footer__credit-owner {
flex: 0 0 auto;
}

@container (max-width: 22rem) {
.irx-footer__credit-lead {
flex-basis: 100%;
    flex-direction: column;
    align-items: center;
    gap: .08em;
    white-space: normal;
}

.irx-footer__credit-owner {
flex-basis: 100%;
    text-align: center;
}
}

@supports not (container-type: inline-size) {
@media (max-width: 430px) {
.irx-footer__credit-lead,
.irx-footer__credit-owner {
flex-basis: 100%;
}

.irx-footer__credit-lead {
flex-direction: column;
      align-items: center;
      gap: .08em;
      white-space: normal;
}
}
}


body.irx-site {
min-height: 100dvh;
}

body.irx-site > .irx-footer {
margin-top: auto;
}

body.irx-site:not(.irx-workspace-focus-active) > .irx-footer {
margin-top: auto !important;
}

.irx-swd-recommendation__media-image {
display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* SWD2026COM v16 — el CTA de compresión debe usar exactamente el radio estándar
   del botón “Seleccionar imagen” del dropzone. La alta especificidad evita que
   reglas heredadas del workspace vuelvan a dejarlo cuadrado. */
body[data-irx-service="compression"] .irx-app.has-image button.button.button--primary.irx-generate-button,
body[data-irx-service="compression"] .irx-app.has-image .irx-maximum-compression > button.button.button--primary.irx-generate-button {
  border-radius: var(--radius-sm, 0.375rem) !important;
}