.irisslot .soon{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center}.irisslot .orb svg{width:120px;height:120px}
.irisslot audio{width:100%;max-width:640px}@media (max-width:560px){.irisslot .soon{grid-template-columns:1fr}.irisslot .orb svg{width:90px;height:90px}}
/* "Talk to Iris" live demo call (/iris-demo), redesign tokens: #29b6ff blue, #3ee6a0 green, dark panels */
.iriscall [hidden]{display:none!important}
.iriscall{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;align-items:start;margin:0 0 8px;padding-top:28px;border-top:1px solid rgba(41,182,255,.18)}
.iriscall h3{margin:8px 0 10px}
.iriscall .ic-orb{position:relative;width:140px;height:140px;border-radius:50%;display:grid;place-items:center;border:1px dashed rgba(41,182,255,.45);background:radial-gradient(circle at 50% 50%,rgba(41,182,255,.16),rgba(2,8,14,0) 70%)}
.iriscall .ic-orb::after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed rgba(62,230,160,.5)}
.iriscall .ic-bars{display:flex;gap:5px;align-items:center;height:56px}
.iriscall .ic-bars i{display:block;width:6px;height:56px;border-radius:3px;background:linear-gradient(#3ee6a0,#29b6ff);transform:scaleY(.12);transform-origin:50% 50%;transition:transform .12s linear}
.iriscall .ic-notice{margin:14px 0 4px;padding:14px 18px;border:1px solid rgba(41,182,255,.28);border-radius:14px;background:rgba(10,40,67,.35);font-size:15px}
.iriscall .ic-notice p{margin:0 0 6px}.iriscall .ic-notice ul{margin:0 0 8px;padding-left:20px}.iriscall .ic-notice li{margin:4px 0}
.iriscall .ic-notice a{color:#29b6ff;text-decoration:underline;display:inline-block;min-height:24px}
.iriscall .ic-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.iriscall .ic-controls .btn{flex:0 0 auto;min-height:48px;min-width:44px}
.iriscall .ic-start svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.iriscall .ic-state{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.iriscall .ic-state::before{content:"";width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35)}
.iriscall[data-state="connecting"] .ic-state::before{background:#29b6ff}
.iriscall[data-state="live"] .ic-state::before{background:#3ee6a0;box-shadow:0 0 0 4px rgba(62,230,160,.2)}
.iriscall[data-state="live"] .ic-start{background:#c0394b;color:#fff;border:1px solid #e0566a}
.iriscall .ic-timer{min-height:44px;display:inline-flex;align-items:center;font-variant-numeric:tabular-nums}
.iriscall .ic-status{min-height:1.5em;margin:12px 0 0;font-size:14px}
.iriscall .ic-after{margin-top:14px;padding:14px 18px;border-radius:14px;border:1px solid rgba(62,230,160,.35);background:rgba(8,40,30,.3)}
.iriscall .ic-after:focus{outline:2px solid #3ee6a0;outline-offset:2px}
.iriscall .ic-after-t{font-weight:600;margin:0 0 6px}
.iriscall .btn:focus-visible{outline:2px solid #3ee6a0;outline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  .iriscall[data-state="connecting"] .ic-orb{animation:icpulse 1.6s ease-in-out infinite}
  .iriscall[data-state="live"] .ic-orb::after{animation:icring 2.4s linear infinite}
}
@keyframes icpulse{50%{box-shadow:0 0 0 10px rgba(41,182,255,.12)}}
@keyframes icring{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.iriscall .ic-bars i{transition:none}}
@media (max-width:760px){.iriscall{grid-template-columns:1fr}.iriscall .ic-orb{width:110px;height:110px}.iriscall .ic-controls .btn{flex:1 1 100%}}
