/* Vector arrows inherit the surrounding text colour, never platform emoji styling. */
svg.ue-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.13em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.button .ue-arrow,.nav-cta .ue-arrow{width:20px;height:20px;min-width:20px}
.product-tabs .product-tab::before{content:'';width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.product-tabs .product-tab[aria-selected=true]::before{content:'';transform:rotate(135deg)}
.cq-queue-list{display:contents}
@media(max-width:700px){
  body>header{height:72px;padding-inline:5%}
  body>header nav{top:72px}
  .menu{width:44px;height:44px;display:grid;place-items:center;padding:0;font-size:24px}
  .hero{padding-top:22px;row-gap:18px;padding-bottom:60px}
  .hero-copy{margin-top:4px}
  .hero-copy h1{margin-bottom:20px;font-size:clamp(44px,11.5vw,68px)}
  .hero-copy p{font-size:15px;line-height:1.6;margin:0 0 22px}
  .hero-copy .button{min-height:48px}
  .sculpture{height:310px}
  .intro,.products,.approach{padding-block:48px}
  .section-top{margin-bottom:24px}
  .product-tabs{scroll-snap-type:x proximity;scroll-padding-inline:4px}
  .product-tabs .product-tab{scroll-snap-align:start}
  .cs-heading h3,.story-heading h3,.pr-heading h3,.rpa-heading h3,.pe-heading h3{font-size:30px;letter-spacing:-1.2px}
  .cs-heading p,.story-heading p,.pr-heading p,.rpa-heading>p,.pe-heading>p{font-size:15px;line-height:1.6}
  #cs-replay,#story-replay,.pe-tour-controls>button:last-child{width:44px;height:44px;min-width:44px}
  .cq-queue{display:block}
  .cq-queue .cq-section-label{margin-bottom:14px}
  .cq-queue-list{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}
  .cq-queue .cq-call{flex:0 0 190px;scroll-snap-align:start;min-width:0}
  .cq-queue .cq-call strong{font-size:14px;line-height:1.4}
  .cq-call-meta,.cq-call em{font-size:11px}
  .cq-annotation>textarea,input,select,textarea{font-size:16px}
  .cs-outcome small,.cs-team-state>small,.cs-evidence div>span,.cs-feedback-copy>span{font-size:11px;line-height:1.5}
  .cs-dialogue{min-height:90px;padding-block:16px 10px}
  .cs-queue{gap:4px;margin-top:10px}
  .cs-queue>div{height:12px}
  .cs-outcome{min-height:62px;padding:10px 12px}
  .story-admin div>span,.story-caption{font-size:11px;line-height:1.5}
  .story-admin strong{font-size:12px}
  .pe-phone{max-width:100%}
  .pe-device-area{padding:20px 12px}
  .contact h2{text-wrap:balance}
}

.ordering-experience .scenarios button[aria-pressed=true]::after{content:'';width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.cx-wire::after{content:'';width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M5 14l7 7 7-7' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
