/*
 * Instaroll CTA banner — drop-in section for the Technology page.
 * Scoped under .irc-shell so tokens/resets never leak into the rest of the page.
 */
.irc-shell{
  --mc-dark-blue:#007AA4;
  --mc-teal-bright:#28B7B7;
  --mc-orange-600:#FF5C00;
  --ff-display:'Raleway', sans-serif;
  --ff-body:'Open Sans', sans-serif;
}
.irc-shell *{box-sizing:border-box;}
.irc-shell a{color:inherit;text-decoration:none;}

/* ==== ring rotation (background of visual) ==== */
@keyframes ir-cta-ring{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}
@keyframes ir-cta-ring-rev{0%{transform:rotate(0);}100%{transform:rotate(-360deg);}}

/* ==== live dot ==== */
@keyframes ir-cta-dot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.85);}}

/* ==== ticker for € number ==== */
@keyframes ir-cta-tick{0%,100%{opacity:1;}50%{opacity:.72;}}

/* ==== floating chips ==== */
@keyframes ir-cta-drift-a{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(0,-10px,0);}}
@keyframes ir-cta-drift-b{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(0,-14px,0);}}
@keyframes ir-cta-drift-c{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(0,-8px,0);}}

/* ==== button hover ==== */
.irc-btn{transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s;}
.irc-btn:hover{transform:translateY(-2px);box-shadow:0 24px 44px -16px rgba(255,92,0,.55),inset 0 1px 0 rgba(255,255,255,.4);}
.irc-btn:hover .irc-btn-arrow{transform:translateX(3px);}
.irc-btn-arrow{transition:transform .28s cubic-bezier(.22,.61,.36,1);}

/* ==== responsive ==== */
@media (max-width:960px){
  .irc-card{grid-template-columns:1fr !important;min-height:auto !important;}
  .irc-visual{min-height:240px !important;order:2;}
  .irc-content{padding:36px 32px 32px !important;}
}
@media (max-width:520px){
  .irc-shell{padding:24px 14px !important;}
  .irc-content{padding:28px 22px 26px !important;}
  .irc-title{font-size:26px !important;}
  .irc-chip-hire,.irc-chip-save{display:none !important;}
}
@media (max-width:400px){
  .irc-shell{padding:20px 10px !important;}
  .irc-content{padding:24px 18px 22px !important;}
  .irc-title{font-size:22px !important;line-height:1.15 !important;}
  .irc-visual{min-height:200px !important;}
}

/* scoped slow-connection / reduced-motion kill-switch (see inline script in the partial) */
.irc-shell[data-slow="true"] *,
.irc-shell[data-slow="true"] *::before,
.irc-shell[data-slow="true"] *::after{animation:none !important;transition:none !important;}