/* components.css - buttons, toggle, cards, dashboard, pricing, faq, stats */

/* Buttons */
.btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 26px;
  border-radius: 100px;
  font-weight: 600; font-size: 0.96rem;
  transition: transform .4s var(--ease), background .35s var(--ease), color .35s var(--ease);
  white-space: nowrap;
}
.btn--lg { padding: 18px 34px; font-size: 1.05rem; }
.btn--dark { background: var(--ink); color: var(--cream); }
.btn--dark:hover { transform: translateY(-3px); background: var(--accent); }
.btn--light { background: var(--cream); color: var(--ink); }
.btn--light:hover { transform: translateY(-3px); background: #fff; }
.btn--ghost { background: rgba(255,255,255,0.5); color: var(--ink); border: 1px solid var(--line); backdrop-filter: blur(8px); }
.btn--ghost:hover { transform: translateY(-3px); background: #fff; }
.btn--accent { background: var(--accent); color: #fff; }
.btn--accent:hover { transform: translateY(-3px); background: var(--accent-deep); }
.btn--cream { background: var(--cream); color: var(--ink); }
.btn--cream:hover { transform: translateY(-3px); background: #fff; }
/* Email CTAs ([data-mailto]) get an envelope glyph so it's obvious they open a
   mail draft - distinct from the wave (live call) and the play triangle (example).
   Scoped to .btn so the inline enterprise text link is left untouched. */
.btn[data-mailto]::before {
  content: ""; flex: none; width: 17px; height: 17px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.btn__wave { display: flex; align-items: center; gap: 3px; height: 16px; }
.btn__wave i { width: 3px; height: 100%; border-radius: 3px; background: var(--accent); animation: wave 1s ease-in-out infinite; }
.btn__wave i:nth-child(2){ animation-delay:.12s } .btn__wave i:nth-child(3){ animation-delay:.24s } .btn__wave i:nth-child(4){ animation-delay:.08s }

/* Live-call button states — shared by every [data-voice-call] trigger
   (the hero CTA and the demo "talk to it yourself" button). */
[data-voice-call].is-connecting { opacity: .85; cursor: progress; }
/* "answering": WebRTC is up but ImmerRuf hasn't spoken yet. A calm breathing
   cue (not the live ping) so the silent greeting gap reads as anticipation,
   never as a dropped/reconnecting call. Promotes to .is-live on first audio. */
[data-voice-call].is-answering {
  background: var(--ink); color: #fff; border-color: var(--ink);
  animation: callAnswer 1.4s ease-in-out infinite;
}
[data-voice-call].is-answering:hover { background: #2a241c; transform: translateY(-3px); }
[data-voice-call].is-answering .btn__wave i { background: #fff; }
@keyframes callAnswer {
  0%, 100% { box-shadow: 0 0 0 0 rgba(22,19,15,0.32); opacity: .9; }
  50%      { box-shadow: 0 0 0 9px rgba(22,19,15,0);  opacity: 1; }
}
[data-voice-call].is-live {
  background: var(--ink); color: #fff; border-color: var(--ink);
  box-shadow: 0 0 0 0 rgba(22,19,15,0.45); animation: callPulse 1.6s ease-out infinite;
}
[data-voice-call].is-live:hover { background: #2a241c; transform: translateY(-3px); }
[data-voice-call].is-live .btn__wave i { background: #fff; }
[data-voice-call][data-call-state="idle"] .btn__wave i,
[data-voice-call][data-call-state="denied"] .btn__wave i,
[data-voice-call][data-call-state="busy"] .btn__wave i,
[data-voice-call][data-call-state="error"] .btn__wave i { animation-play-state: paused; opacity: .55; }
@keyframes callPulse {
  0%   { box-shadow: 0 0 0 0 rgba(22,19,15,0.40); }
  70%  { box-shadow: 0 0 0 14px rgba(22,19,15,0); }
  100% { box-shadow: 0 0 0 0 rgba(22,19,15,0); }
}
@media (prefers-reduced-motion: reduce) {
  [data-voice-call].is-live,
  [data-voice-call].is-answering { animation: none; }
}

/* Demo-section live-call CTA + hint */
.demo__live { margin-top: 22px; }
.demo__livehint {
  margin-top: 12px; font-size: .82rem; color: var(--muted, #8a8275);
  max-width: 42ch;
}

/* Language toggle */
.lang-toggle {
  display: inline-flex; align-items: center;
  background: rgba(22,19,15,0.06);
  border: 1px solid var(--line);
  border-radius: 100px; padding: 3px; position: relative;
}
.lang-toggle button {
  padding: 7px 14px; font-size: 0.82rem; font-weight: 600;
  border-radius: 100px; color: var(--ink-mute);
  transition: color .3s var(--ease);
  position: relative; z-index: 1;
}
.lang-toggle button.is-active { color: var(--cream); }
.lang-toggle button.is-active::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--ink); border-radius: 100px;
}
.lang-toggle--footer { background: rgba(22,19,15,0.04); }

/* Feature cards */
.features__grid {
  display: grid; gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  align-items: start;
}
.feature-card {
  position: relative;
  background: linear-gradient(165deg, #fffdf9 0%, var(--card) 60%, #fff5ec 100%);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px 24px 22px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(22,19,15,0.04);
  transition: transform .55s var(--ease), box-shadow .55s var(--ease), border-color .55s var(--ease);
}
/* Soft accent glow that blooms on hover */
.feature-card::before {
  content: "";
  position: absolute;
  top: -40%; right: -30%;
  width: 220px; height: 220px;
  background: radial-gradient(circle, rgba(255,90,60,0.16), transparent 70%);
  opacity: 0;
  transform: scale(0.6);
  transition: opacity .55s var(--ease), transform .55s var(--ease);
  pointer-events: none;
}
/* Top accent line that draws in on hover */
.feature-card::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--accent-deep));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .55s var(--ease);
}
.feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 34px 70px -34px rgba(226,63,35,0.45), 0 2px 6px rgba(22,19,15,0.05);
  border-color: rgba(255,90,60,0.45);
}
.feature-card:hover::before { opacity: 1; transform: scale(1); }
.feature-card:hover::after { transform: scaleX(1); }
.feature-card__icon {
  position: relative;
  width: 52px; height: 52px; border-radius: 16px;
  margin-bottom: 16px;
  background: linear-gradient(155deg, rgba(255,90,60,0.16), rgba(255,90,60,0.06));
  border: 1px solid rgba(255, 90, 60, 0.22);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.6), 0 6px 14px -8px rgba(226,63,35,0.4);
  transition: transform .55s var(--ease), box-shadow .55s var(--ease), background .55s var(--ease);
}
.feature-card:hover .feature-card__icon {
  transform: translateY(-2px) scale(1.06) rotate(-3deg);
  background: linear-gradient(155deg, var(--accent), var(--accent-deep));
  box-shadow: 0 12px 22px -8px rgba(226,63,35,0.6);
}
.feature-card__icon::after {
  content: ""; position: absolute; inset: 0; margin: auto;
  width: 26px; height: 26px;
  background: var(--accent);
  -webkit-mask: center/contain no-repeat; mask: center/contain no-repeat;
  transition: background .55s var(--ease);
}
.feature-card:hover .feature-card__icon::after { background: #fff; }
.feature-card__icon--call::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6.6 10.8a15.5 15.5 0 006.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 013 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6.6 10.8a15.5 15.5 0 006.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 013 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1z'/%3E%3C/svg%3E"); }
.feature-card__icon--cal::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4'/%3E%3C/svg%3E"); }
.feature-card__icon--voice::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 12h2M8 7v10M12 4v16M16 7v10M20 12h1'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 12h2M8 7v10M12 4v16M16 7v10M20 12h1'/%3E%3C/svg%3E"); }
.feature-card__icon--brain::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2'/%3E%3C/svg%3E"); }
.feature-card__icon--report::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0116 0v2'/%3E%3Crect x='2' y='14' width='5' height='7' rx='2'/%3E%3Crect x='17' y='14' width='5' height='7' rx='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0116 0v2'/%3E%3Crect x='2' y='14' width='5' height='7' rx='2'/%3E%3Crect x='17' y='14' width='5' height='7' rx='2'/%3E%3C/svg%3E"); }
.feature-card h3 {
  position: relative;
  font-size: 1.28rem;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}
.feature-card p {
  position: relative;
  color: var(--ink-soft);
  font-size: 0.98rem;
  line-height: 1.62;
}

/* INDUSTRY CARDS - horizontal pinned scroll */
.industries {
  position: relative; z-index: 1; padding: var(--section-pad) 0; overflow: hidden;
  /* subtle texture: warm glow blooming behind the title + faint dot-grid */
  background-image:
    radial-gradient(ellipse 80% 420px at 50% -40px, rgba(255,90,60,.09), transparent 70%),
    radial-gradient(circle, rgba(22,19,15,.05) 1px, transparent 1px);
  background-size: 100% 600px, 26px 26px;
  background-repeat: no-repeat, repeat;
  background-position: center top, center top;
}
.industries__head {
  max-width: var(--maxw); margin: 0 auto clamp(16px, 2vw, 24px);
  padding: 0 var(--pad); text-align: center;
}
.industries__head .eyebrow { justify-content: center; }
.industries__lead {
  max-width: 620px; margin: 18px auto 0;
  color: var(--ink-soft); font-size: clamp(1.02rem, 2vw, 1.2rem);
}
/* prev / next arrow controls */
.industries__nav { display: inline-flex; gap: 12px; margin-top: 14px; }
.industries__arrow {
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--card); border: 1px solid var(--line);
  position: relative; cursor: pointer;
  transition: background .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease), opacity .35s var(--ease);
}
.industries__arrow::after {
  content: ""; position: absolute; inset: 0; margin: auto;
  width: 18px; height: 18px; background: var(--ink);
  -webkit-mask: center/contain no-repeat; mask: center/contain no-repeat;
  transition: background .35s var(--ease);
}
.industries__arrow[data-ind-prev]::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E"); }
.industries__arrow[data-ind-next]::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E"); }
.industries__arrow:hover { background: var(--ink); border-color: var(--ink); transform: translateY(-2px); }
.industries__arrow:hover::after { background: var(--cream); }
.industries__arrow:disabled { opacity: .35; cursor: default; transform: none; }
.industries__arrow:disabled:hover { background: var(--card); border-color: var(--line); }
.industries__arrow:disabled:hover::after { background: var(--ink); }

/* viewport with edge fades that signal more content sideways */
.industries__viewport {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  cursor: grab;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
}
.industries__viewport.is-start { -webkit-mask-image: linear-gradient(90deg, #000 95%, transparent 100%); mask-image: linear-gradient(90deg, #000 95%, transparent 100%); }
.industries__viewport.is-end { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%); mask-image: linear-gradient(90deg, transparent 0, #000 5%); }
.industries__viewport.is-dragging { cursor: grabbing; scroll-behavior: auto; }
.industries__viewport.is-dragging .industry-card { pointer-events: none; }
.industries__viewport::-webkit-scrollbar { display: none; }
.industries__track {
  display: flex; gap: 22px;
  padding: 8px var(--pad) 20px;
  width: max-content;
}
.industry-card {
  flex: 0 0 320px;
  display: flex; flex-direction: column;
  position: relative; overflow: hidden;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 30px 28px;
  transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);
}
/* accent bar that draws across the top on hover */
.industry-card::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--apricot));
  transform: scaleX(0); transform-origin: left;
  transition: transform .5s var(--ease);
}
.industry-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 60px -30px rgba(22,19,15,0.3);
  border-color: var(--accent);
}
.industry-card:hover::before { transform: scaleX(1); }
.industry-card__icon {
  width: 50px; height: 50px; border-radius: 15px;
  margin-bottom: 20px;
  background: rgba(255, 90, 60, 0.12);
  border: 1px solid rgba(255, 90, 60, 0.22);
  position: relative;
  transition: transform .5s var(--ease), background .5s var(--ease), border-color .5s var(--ease);
  animation: indPulse 3.2s var(--ease-out) infinite;
}
/* staggered so the five icons breathe out of sync */
.industry-card:nth-child(2) .industry-card__icon { animation-delay: .5s; }
.industry-card:nth-child(3) .industry-card__icon { animation-delay: 1s; }
.industry-card:nth-child(4) .industry-card__icon { animation-delay: 1.5s; }
.industry-card:nth-child(5) .industry-card__icon { animation-delay: 2s; }
.industry-card:hover .industry-card__icon {
  transform: scale(1.08) rotate(-4deg);
  background: linear-gradient(135deg, var(--accent), var(--accent-deep));
  border-color: transparent;
  animation: none;
}
.industry-card__icon::after {
  content: ""; position: absolute; inset: 0; margin: auto;
  width: 26px; height: 26px;
  background: var(--accent);
  transition: background .5s var(--ease);
  -webkit-mask: center/contain no-repeat; mask: center/contain no-repeat;
}
.industry-card:hover .industry-card__icon::after { background: #fff; }
@keyframes indPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 90, 60, 0.0); }
  50%      { box-shadow: 0 0 0 7px rgba(255, 90, 60, 0.10); }
}
@media (prefers-reduced-motion: reduce) {
  .industry-card__icon { animation: none; }
}
.industry-card__icon--trades::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 01-5.4 5.4L4 17v3h3l5.3-5.3a4 4 0 015.4-5.4l-2.6 2.6-2-2 2.6-2.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 01-5.4 5.4L4 17v3h3l5.3-5.3a4 4 0 015.4-5.4l-2.6 2.6-2-2 2.6-2.6z'/%3E%3C/svg%3E"); }
.industry-card__icon--food::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 2v8a3 3 0 006 0V2M8 2v20M18 2c-1.7 0-3 2-3 5s1.3 4 3 4v11'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 2v8a3 3 0 006 0V2M8 2v20M18 2c-1.7 0-3 2-3 5s1.3 4 3 4v11'/%3E%3C/svg%3E"); }
.industry-card__icon--realestate::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-7 9 7M5 9v11h14V9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-7 9 7M5 9v11h14V9'/%3E%3C/svg%3E"); }
.industry-card__icon--beauty::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4L8.1 15.9M14.5 14.5L20 20M8.1 8.1L12 12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4L8.1 15.9M14.5 14.5L20 20M8.1 8.1L12 12'/%3E%3C/svg%3E"); }
.industry-card__icon--auto::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 00-1 4l-7.6 7.6a2 2 0 102.8 2.8l7.6-7.6a4 4 0 005-5l-2.9 2.9-2.1-2.1 2.9-2.9a4 4 0 00-4.7 0z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 00-1 4l-7.6 7.6a2 2 0 102.8 2.8l7.6-7.6a4 4 0 005-5l-2.9 2.9-2.1-2.1 2.9-2.9a4 4 0 00-4.7 0z'/%3E%3C/svg%3E"); }
.industry-card__name { font-size: 1.22rem; margin-bottom: 12px; }
.industry-card__pain { color: var(--ink-mute); font-size: 0.96rem; margin-bottom: 8px; }
.industry-card__sol { color: var(--ink-soft); font-size: 0.98rem; margin-bottom: 22px; }
.industry-card__value {
  margin-top: auto;
  display: flex; flex-direction: column; gap: 2px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  font-family: var(--font-display);
  font-weight: 700; font-size: 1.02rem;
  color: var(--accent-deep);
  transition: border-color .5s var(--ease);
}
.industry-card:hover .industry-card__value { border-top-color: rgba(255, 90, 60, 0.4); }
.industry-card__value-lab {
  font-family: var(--font-mono); font-weight: 500;
  font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--ink-mute);
}
/* trailing CTA card */
/* carousel dot indicators */
.industries__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 4px 0 8px;
}
.industries__dots .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--line);
  transition: background 0.3s ease, transform 0.3s ease, width 0.3s ease;
  cursor: pointer;
}
.industries__dots .dot.is-active {
  background: var(--brand);
  transform: scale(1.25);
  width: 18px;
  border-radius: 4px;
}

/* next-arrow hint pulse on first view */
@keyframes ind-arrow-pulse {
  0%, 100% { transform: translateX(0); box-shadow: none; }
  50% { transform: translateX(4px); box-shadow: 2px 0 10px rgba(255,90,60,.25); }
}
.industries__arrow[data-ind-next].is-hinting { animation: ind-arrow-pulse 0.9s ease 0.6s infinite; }

.industry-card--cta {
  justify-content: center; align-items: flex-start; gap: 22px;
  background: linear-gradient(160deg, rgba(255,90,60,.08), var(--card));
  border-color: rgba(255,90,60,.28);
}
.industry-card--cta .industry-card__note {
  font-family: var(--font-display); font-weight: 600;
  font-size: 1.18rem; line-height: 1.3; color: var(--ink);
}

/* DASHBOARD */
.dash {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 50px 110px -50px rgba(22,19,15,0.35);
}
.dash__bar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 24px; border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.6), transparent);
  gap: 20px; flex-wrap: wrap;
}
.dash__stats { display: flex; gap: 38px; }
.dash__stat { display: flex; flex-direction: column; }
.dash__stat-num { font-family: var(--font-display); font-weight: 700; font-size: 1.7rem; letter-spacing: -0.02em; }
.dash__stat-lab { font-size: 0.8rem; color: var(--ink-mute); }
.dash__live { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: .85rem; color: var(--accent); }
.dash__live i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); animation: pulse-dot 1.6s infinite; }
.dash__body { display: grid; grid-template-columns: 1.6fr 1fr; min-height: 320px; }
@media (max-width: 860px) { .dash__body { grid-template-columns: 1fr; } }

/* Week grid */
.dash__week {
  display: grid; grid-template-columns: 54px repeat(5, 1fr);
  border-right: 1px solid var(--line);
  position: relative;
}
.cal-cell { border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); min-height: 54px; position: relative; }
.cal-cell--head { min-height: 44px; display: grid; place-items: center; font-weight: 600; font-size: .85rem; color: var(--ink-soft); background: rgba(255,255,255,.4); }
.cal-cell--time { display: grid; place-items: center; font-size: .72rem; color: var(--ink-mute); border-right: 1px solid var(--line); }
.cal-event {
  position: absolute; inset: 5px;
  border-radius: 10px;
  padding: 8px 9px;
  font-size: 0.74rem; font-weight: 600; color: #fff;
  overflow: hidden; line-height: 1.2;
  word-break: break-word; hyphens: auto;
  transform-origin: center;
  box-shadow: 0 8px 20px -8px rgba(0,0,0,.4);
}
.cal-event small { display: block; font-weight: 500; opacity: .85; font-size: .66rem; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cal-event--a { background: linear-gradient(135deg, #ff5a3c, #e23f23); }
.cal-event--b { background: linear-gradient(135deg, #8b7fd6, #6f62c4); }
.cal-event--c { background: linear-gradient(135deg, #2bb673, #1f9b60); }
.cal-event--d { background: linear-gradient(135deg, #3b97d3, #2b7cb4); }
@keyframes event-in {
  0% { transform: scale(.6) translateY(8px); opacity: 0; }
  60% { transform: scale(1.04); }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}
.cal-event.is-new { animation: event-in .6s var(--ease) both; }
.cal-event.is-out { animation: event-out .5s var(--ease) both; }
@keyframes event-out {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(.6) translateY(8px); opacity: 0; }
}

/* Live call feed */
.dash__feed { padding: 18px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; }
.feed-item {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--line);
  border-radius: 16px;
}
.feed-item.is-new { animation: feed-in .5s var(--ease) both; }
@keyframes feed-in { from { transform: translateX(20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.feed-item__icon {
  width: 40px; height: 40px; border-radius: 12px; flex: none;
  display: grid; place-items: center;
  background: rgba(255, 90, 60, 0.14); border: 1px solid rgba(255,90,60,.25);
}
.feed-item__icon.is-booked { background: linear-gradient(135deg, #2bb673, #1f9b60); border-color: transparent; }
.feed-item__icon i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
.feed-item__icon.is-booked i { background: #fff; }
.feed-item__icon.is-call i { animation: pulse-dot 1.4s infinite; }
.feed-item__body { flex: 1; min-width: 0; }
.feed-item__title { font-weight: 600; font-size: .92rem; }
.feed-item__sub { font-size: .78rem; color: var(--ink-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.feed-item__time { font-size: .74rem; color: var(--ink-mute); font-variant-numeric: tabular-nums; flex: none; }
.feed-wave { display: flex; gap: 2px; height: 14px; align-items: center; }
.feed-wave i { width: 2.5px; height: 100%; background: var(--accent); border-radius: 2px; animation: wave 1s ease-in-out infinite; }
.feed-wave i:nth-child(2){animation-delay:.1s} .feed-wave i:nth-child(3){animation-delay:.2s} .feed-wave i:nth-child(4){animation-delay:.15s}

/* STATS */
.stats.section { padding-top: var(--section-pad); padding-bottom: var(--section-pad); }
.stats__title { font-size: clamp(2.2rem, 6vw, 4.6rem); max-width: 700px; margin-bottom: clamp(32px, 4vw, 52px); }
.stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.stat { border-top: 2px solid var(--ink); padding-top: 28px; }
.stat__num { font-family: var(--font-display); font-weight: 700; font-size: clamp(2.6rem, 5vw, 4rem); letter-spacing: -0.03em; display: block; color: var(--accent); margin-bottom: 10px; }
.stat__lab { color: var(--ink-soft); font-size: 1.05rem; line-height: 1.4; }

/* PRICING */
.pricing__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: start; }
.price-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 40px 34px;
  display: flex; flex-direction: column;
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}
.price-card:hover { transform: translateY(-6px); box-shadow: 0 40px 80px -40px rgba(22,19,15,.3); }
.price-card--featured {
  background: var(--ink); color: var(--cream);
  border-color: var(--ink);
  position: relative;
  box-shadow: 0 50px 100px -40px rgba(22,19,15,.5);
}
.price-card--featured .price-card__desc,
.price-card--featured .price-card__month { color: rgba(244,237,228,.65); }
.price-card--featured .price-card__feat { color: rgba(244,237,228,.92); }
.price-card__badge {
  position: absolute; top: 22px; right: 22px;
  background: var(--accent); color: #fff;
  font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  padding: 6px 12px; border-radius: 100px;
}
.price-card__name { font-family: var(--font-display); font-weight: 600; font-size: 1.3rem; }
.price-card__desc { color: var(--ink-soft); font-size: .92rem; margin: 6px 0 22px; }
.price-card__priceline { display: flex; align-items: baseline; gap: 6px; margin-bottom: 26px; }
.price-card__price { font-family: var(--font-display); font-weight: 700; font-size: 3rem; letter-spacing: -0.03em; }
.price-card__month { font-size: .95rem; color: var(--ink-mute); }
.price-card__feats { list-style: none; display: flex; flex-direction: column; gap: 13px; margin-bottom: 32px; flex: 1; }
.price-card__feat { display: flex; align-items: flex-start; gap: 11px; font-size: .94rem; color: var(--ink-soft); }
.price-card__feat::before {
  content: ""; flex: none; margin-top: 2px;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--accent);
  -webkit-mask: center/10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E");
  mask: center/10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E");
  box-shadow: inset 0 0 0 20px var(--accent);
}
.price-card .btn { justify-content: center; width: 100%; }

/* FAQ */
.faq__head { max-width: 700px; margin-bottom: 50px; }
.faq__list { max-width: 860px; }
.faq-item { border-top: 1px solid var(--line); }
.faq-item:last-child { border-bottom: 1px solid var(--line); }
.faq-item__q {
  width: 100%; text-align: left;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 28px 4px; font-family: var(--font-display); font-weight: 500;
  font-size: clamp(1.15rem, 2.4vw, 1.6rem);
}
.faq-item__plus { flex: none; width: 26px; height: 26px; position: relative; transition: transform .4s var(--ease); }
.faq-item__plus::before, .faq-item__plus::after { content: ""; position: absolute; inset: 0; margin: auto; background: var(--ink); }
.faq-item__plus::before { width: 100%; height: 2px; }
.faq-item__plus::after { width: 2px; height: 100%; transition: transform .4s var(--ease); }
.faq-item.is-open .faq-item__plus { transform: rotate(90deg); }
.faq-item.is-open .faq-item__plus::after { transform: scaleY(0); }
.faq-item__a { overflow: hidden; height: 0; }
.faq-item__a p { padding: 0 4px 28px; color: var(--ink-soft); font-size: 1.05rem; max-width: 640px; }