/* Receptionist page: call log proof section */
.rx-proof{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.rx-log{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(11,31,51,.14);padding:20px 22px;font-size:.9rem}
.rx-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rx-tag{background:#E8F7EE;color:#0B6B35;font-size:.74rem;font-weight:800;border-radius:999px;padding:4px 10px;white-space:nowrap}
.rx-meta{color:var(--muted);font-size:.8rem;margin:4px 0 14px}
.rx-meta span{color:#E8551A;font-weight:700}
.rx-lines{display:grid;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.rx-lines p{margin:0;color:var(--ink);line-height:1.45}
.rx-lines b{display:block;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.rx-lines p.ai{background:#FFF7F2;border-radius:10px;padding:8px 10px}
.rx-lines p.ai b{color:#C2440F}
.rx-foot{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:.8rem;font-weight:700;color:var(--navy)}
.rx-cap{text-align:center;font-size:.8rem;color:var(--muted);margin-top:18px}
.demo-card label span{color:inherit}
@media(max-width:900px){.rx-proof{grid-template-columns:1fr;gap:28px}}

/* Pricing: setup + maintenance cards with minutes selector */
.rx-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin-inline:auto;align-items:stretch}
.rx-plans .plan{padding:34px 32px}
.rx-plans .price{white-space:nowrap;margin-top:24px}
.rx-plans .price span#rx-price{display:inline-block;min-width:3.6ch;transition:color .3s}
.rx-plans .price span#rx-price.bump{color:var(--orange)}
.rx-ctl{height:88px;margin-top:14px;display:flex;flex-direction:column;justify-content:flex-start}
.rx-ctl .price-note{max-width:none;width:100%;margin:0;line-height:1.5}
.rx-min{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.rx-ctl select{width:100%;min-height:46px;padding:10px 40px 10px 14px;border:1.5px solid #D5DEE8;border-radius:12px;font:inherit;font-weight:600;color:inherit;cursor:pointer;
  -webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23FF6B2C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center}
.rx-ctl select:hover,.rx-ctl select:focus{border-color:var(--orange);outline:none}
.rx-plans .plan ul{margin:22px 0 28px}
@media(max-width:800px){.rx-plans{grid-template-columns:minmax(0,1fr)}.rx-plans .plan{min-width:0}.rx-ctl{height:auto}.rx-plans .plan{padding:28px 22px}}
.rx-plans .plan li,.rx-ctl .price-note{text-wrap:wrap}
.rx-free{margin:0;padding:12px 14px;border-radius:12px;background:#E9F8EF;border:1px solid #BFE8CF;display:flex;flex-direction:column;gap:2px}
.rx-free b{color:#137A3B;font-size:.98rem}
.rx-free span{color:var(--muted);font-size:.86rem}

/* "?" tooltips on call estimates */
.rx-tip{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:6px;border-radius:50%;border:1.5px solid currentColor;background:none;color:var(--muted);font:700 .68rem/1 inherit;cursor:help;position:relative;vertical-align:1px;padding:0;opacity:.8}
.rx-tip:hover,.rx-tip:focus-visible{opacity:1;color:var(--orange);outline:none}
.rx-tip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);right:-10px;transform:translateY(4px);width:max-content;max-width:min(220px,70vw);background:var(--navy);color:#fff;font-size:.78rem;font-weight:500;line-height:1.35;text-transform:none;letter-spacing:0;padding:8px 10px;border-radius:8px;box-shadow:0 10px 24px rgba(11,31,51,.25);opacity:0;pointer-events:none;transition:.18s;z-index:5;white-space:normal;text-align:left}
.rx-tip:hover::after,.rx-tip:focus-visible::after{opacity:1;transform:none}
.rx-min{display:flex;align-items:center}
.rx-min label{font:inherit;color:inherit;letter-spacing:inherit;margin:0}

/* Offer section: animated after-hours roofing call */
.rx-flow{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 24px 60px rgba(11,31,51,.08);margin:34px auto 40px;max-width:1040px}
.rx-scene{position:relative}
.rx-scene svg{display:block;width:100%;height:auto;border-radius:18px}
.rx-clock{position:absolute;left:14px;top:14px;background:rgba(11,31,51,.75);color:#fff;font-size:.76rem;font-weight:700;padding:5px 10px;border-radius:999px;backdrop-filter:blur(4px)}
.rx-rain{animation:rxRain .7s linear infinite}
@keyframes rxRain{from{transform:translate(0,-14px)}to{transform:translate(-6px,14px)}}
.rx-flash{opacity:0;animation:rxFlash 6s infinite}
.rx-bolt{opacity:0;animation:rxBolt 6s infinite}
@keyframes rxFlash{0%,86%,90%,94%,100%{opacity:0}88%,92%{opacity:.18}}
@keyframes rxBolt{0%,86%,96%,100%{opacity:0}87%,94%{opacity:1}}
.rx-cloud{animation:rxDrift 9s ease-in-out infinite alternate}
.rx-cloud.c2{animation-duration:12s}
@keyframes rxDrift{to{transform:translateX(14px)}}
.rx-drip{animation:rxDrip 1.6s ease-in infinite}
@keyframes rxDrip{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(22px);opacity:0}}
.rx-phone .ph{opacity:0;transition:opacity .35s}
.rx-ring{opacity:0;transform-origin:center;transform-box:fill-box}
.rx-flow[data-s="0"] .ph0,.rx-flow[data-s="1"] .ph1,.rx-flow[data-s="2"] .ph2,.rx-flow[data-s="3"] .ph3{opacity:1}
.rx-flow[data-s="0"] .rx-ring{animation:rxRing 1.2s ease-out infinite}
.rx-flow[data-s="0"] .rx-ring.r2{animation-delay:.6s}
@keyframes rxRing{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.5)}}
.rx-flow[data-s="0"] .rx-phone{animation:rxBuzz .5s ease-in-out infinite}
@keyframes rxBuzz{0%,100%{transform:translate(292px,150px)}25%{transform:translate(290px,150px) rotate(-2deg)}75%{transform:translate(294px,150px) rotate(2deg)}}
.wv{transform-box:fill-box;transform-origin:center;animation:rxWave .7s ease-in-out infinite alternate}
.wv:nth-child(2){animation-delay:.15s}.wv:nth-child(3){animation-delay:.3s}.wv:nth-child(4){animation-delay:.1s}.wv:nth-child(5){animation-delay:.25s}
@keyframes rxWave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.rx-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:none}
.rx-steps li{display:flex;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid transparent;opacity:.9;transition:opacity .4s,background .4s,border-color .4s,transform .4s}
.rx-steps li.done{opacity:1}
.rx-steps li.on{opacity:1;background:#FFF7F2;border-color:#FFD9C4;transform:translateX(4px)}
.rx-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;background:#EEF2F6;color:var(--navy);transition:.4s}
.rx-steps li.on .rx-n{background:var(--orange);color:#fff}
.rx-steps li.done .rx-n{background:#1FA85A;color:#fff}
.rx-steps b{display:block;font-size:1rem;color:var(--ink)}
.rx-steps p{margin:3px 0 0;color:#4A5B6C;font-size:.9rem;line-height:1.45}
.rx-chip{display:inline-block;margin-top:8px;font-size:.8rem;font-weight:700;padding:5px 10px;border-radius:8px;background:#EEF2F6;color:var(--navy);max-width:100%}
.rx-chip.warn{background:#FFF1D6;color:#7A4F00}
.rx-chip.ok{background:#E8F7EE;color:#0B6B35}
@media(max-width:900px){.rx-flow{grid-template-columns:1fr;gap:18px;padding:16px}.rx-steps li{padding:10px 12px}.rx-steps li.on{transform:none}}
@media(prefers-reduced-motion:reduce){.rx-rain,.rx-flash,.rx-bolt,.rx-cloud,.rx-drip,.wv,.rx-ring,.rx-phone{animation:none!important}.rx-steps li{opacity:1}}

/* Dashboard section */
.rx-dash-sec{background:var(--soft)}
.rx-dfeat{list-style:none;padding:0;margin:30px auto 28px;max-width:1040px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rx-dfeat li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.rx-dfeat b{display:block;font-size:.98rem;color:var(--ink)}
.rx-dfeat span{display:block;color:var(--muted);font-size:.86rem;margin-top:3px;line-height:1.45}
.rx-dash{max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px rgba(11,31,51,.14);overflow:hidden}
.rx-dbar{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--navy);color:#fff;font-size:.88rem}
.rx-dbar .dots{display:flex;gap:6px}.rx-dbar .dots i{width:10px;height:10px;border-radius:50%;background:#2E4A68}
.rx-dper{margin-left:auto;background:rgba(255,255,255,.1);border-radius:999px;padding:3px 10px;font-size:.78rem}
.rx-dbody{padding:18px}
.rx-kpis{display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;gap:12px}
.rx-kpis>div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}
.rx-kpis span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.rx-kpis b{display:block;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin-top:4px;color:var(--ink)}
.rx-kpis b small{font-size:.85rem;color:var(--muted);font-weight:600}
.rx-kpis em{display:block;font-style:normal;font-size:.76rem;color:#0B6B35;font-weight:700;margin-top:2px}
.rx-meter{height:7px;border-radius:99px;background:#EEF2F6;margin:6px 0 10px;overflow:hidden}
.rx-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),#FF9A5C)}
.rx-topup{width:100%;border:1.5px solid var(--orange);background:#FFF7F2;color:#C2440F;font:inherit;font-size:.8rem;font-weight:800;border-radius:9px;padding:7px 10px;cursor:pointer;min-height:36px}
.rx-topup:hover{background:var(--orange);color:#fff}
.rx-dmain{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin-top:14px}
.rx-calls{border:1px solid var(--line);border-radius:12px;overflow:hidden;align-self:start}
.rx-call{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s}
.rx-call:last-child{border-bottom:0}
.rx-call:hover{background:#F7F9FB}
.rx-call.on{background:#FFF7F2;box-shadow:inset 3px 0 0 var(--orange)}
.rx-call b{display:block;font-size:.9rem}
.rx-call span{display:block;font-size:.78rem;color:var(--muted)}
.rx-call em{font-style:normal;font-size:.7rem;font-weight:800;border-radius:999px;padding:4px 9px;white-space:nowrap}
.t-book{background:#E8F7EE;color:#0B6B35}.t-urg{background:#FFF1D6;color:#8A5A00}.t-info{background:#EEF2F6;color:var(--navy)}
.rx-detail{border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:.9rem;min-width:0}
.rx-player{display:flex;align-items:center;gap:10px;background:#F4F7FA;border-radius:10px;padding:8px 10px;margin-bottom:10px}
.rx-play{flex:none;width:32px;height:32px;border-radius:50%;border:0;background:var(--orange);color:#fff;font-size:.8rem;cursor:pointer}
.rx-wave{flex:1;height:26px;background:repeating-linear-gradient(90deg,#B8C6D6 0 3px,transparent 3px 6px);-webkit-mask:linear-gradient(0deg,#000 0,#000 100%);position:relative;border-radius:4px;
  clip-path:polygon(0 40%,4% 20%,8% 55%,12% 10%,16% 45%,20% 25%,24% 60%,28% 15%,32% 50%,36% 30%,40% 65%,44% 20%,48% 45%,52% 10%,56% 55%,60% 30%,64% 60%,68% 20%,72% 50%,76% 35%,80% 60%,84% 25%,88% 50%,92% 30%,96% 55%,100% 40%,100% 100%,0 100%)}
.rx-wave::after{content:"";position:absolute;inset:0;width:var(--p,0%);background:repeating-linear-gradient(90deg,var(--orange) 0 3px,transparent 3px 6px);transition:width .2s linear}
.rx-dur{font-size:.78rem;font-weight:700;color:var(--muted)}
.rx-dash .rx-lines{border-top:0;padding-top:4px}
@media(max-width:900px){.rx-dfeat{grid-template-columns:1fr 1fr}.rx-kpis{grid-template-columns:repeat(3,1fr)}.rx-mins{grid-column:1/-1}.rx-dmain{grid-template-columns:1fr}}
@media(max-width:520px){.rx-dbody{padding:12px}.rx-kpis{gap:8px}.rx-kpis>div{padding:10px}.rx-kpis span{font-size:.62rem}.rx-kpis b{font-size:1.35rem}.rx-kpis em{display:none}.rx-mins em{display:block}.rx-dfeat{gap:10px}.rx-dfeat li{padding:12px}.rx-dfeat span{font-size:.8rem}}