/* Original Transcribe storytelling, within AudCath's shared product shell. */
.product-transcribe{--paper:#faf8f4;--ink:#302b27;--muted:#696057;--line:#ddd4c9;--wash:#f1e8dd;background:var(--paper);color:var(--ink)}
.product-transcribe .product-header{background:#faf8f4f5}
.scribe-original-hero{padding:70px 0 35px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#e8c6ae66,transparent 65%),#f5eee6;overflow:hidden}
.scribe-original-hero .product-lockup{justify-content:center;margin-bottom:28px}
.scribe-original-hero h1{font-size:clamp(50px,6.7vw,88px);line-height:1.04;letter-spacing:-.055em;font-weight:600}
.scribe-original-hero h1 em{font-style:normal;background:linear-gradient(120deg,#9a593d,#b86d46);background-clip:text;color:transparent}
.scribe-original-lede{max-width:610px;margin:26px auto;color:var(--muted);font-size:clamp(16px,1.6vw,19px);line-height:1.8}
.scribe-original-lede strong{font-weight:600;color:var(--ink)}
.scribe-hero-actions{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}
.scribe-text-link{font-size:14px;font-weight:600;color:var(--accent);padding:12px 0}
.scribe-claim-grid{display:grid;grid-template-columns:1fr 1fr;max-width:790px;margin:48px auto 42px;gap:16px}
.scribe-claims{list-style:none;margin:0;padding:24px 30px;text-align:left;background:#ffffff6b;border:1px solid #c6ab9766;border-radius:22px;display:grid;gap:12px;font-size:clamp(15px,1.8vw,22px);letter-spacing:-.03em;line-height:1.35}
.scribe-claims strong{margin-right:.16em;color:var(--accent);font-weight:750}
.scribe-product-shot{max-width:1050px;margin:auto;border:1px solid #a99d90;border-radius:20px;overflow:hidden;box-shadow:0 35px 70px -40px #61483580;background:#202126}
.scribe-shot-topline{background:#765442;display:flex;justify-content:space-between;padding:12px 20px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff3e8}
.scribe-product-shot img{width:100%;height:auto}
.scribe-disclosure{font-size:11px;line-height:1.7;color:var(--muted);margin-top:18px;text-align:center}
.scribe-encounter{padding-bottom:0;background:var(--paper)}
.scribe-visit-window{border:1px solid var(--line);border-radius:26px;padding:28px;background:#fffdf9;box-shadow:0 24px 70px -45px #71524255}
.scribe-wave{height:90px;display:flex;gap:3px;align-items:center;width:100%;color:var(--accent);transition:height .3s}
.scribe-wave i{flex:1;min-width:0;height:var(--bar);background:currentColor;border-radius:4px}
.scribe-visit-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
.scribe-visit-tabs button{border:0;background:transparent;text-align:left;padding:10px;color:var(--muted);border-radius:10px;font-size:14px;font-weight:600}
.scribe-visit-tabs button span{font-size:10px;margin-right:12px}
.scribe-visit-tabs button[aria-selected=true]{background:#f1e5d8;color:#814529}
.scribe-visit-pane{margin-top:28px}
.scribe-visit-pane h3{font-size:clamp(22px,2.6vw,32px);letter-spacing:-.04em;line-height:1.2;margin-bottom:24px;font-weight:600}
.scribe-audio-demo{text-align:center;padding:12px 0}
.scribe-recording{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.1em;color:#904b35}
.scribe-recording i{height:7px;width:7px;background:#bd5638;border-radius:50%}
.scribe-audio-demo>strong{display:block;font-size:clamp(55px,6vw,82px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin-top:10px}
.scribe-audio-demo>p{font-size:13px;color:var(--muted);margin-top:10px}
.scribe-audio-dot{height:54px;width:54px;border-radius:50%;margin:22px auto 0;border:8px solid #f0e1d6;background:#bc5c42;box-shadow:0 0 0 1px #c9b7aa}
.scribe-transcript-demo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.scribe-turn{background:#f3eee7;border-radius:12px;padding:15px}
.scribe-turn small{display:flex;justify-content:space-between;font-size:10px;color:#855d47;font-weight:600}
.scribe-turn time{color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}
.scribe-turn p{font-size:13px;line-height:1.65;margin-top:10px}
.scribe-note-demo{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.scribe-note-demo article{background:#f6f2ec;border-radius:14px;padding:20px}
.scribe-note-demo small{font-size:9px;letter-spacing:.09em;color:var(--muted)}
.scribe-note-demo h4{font-size:13px;margin:18px 0 8px}
.scribe-note-demo p{font-size:13px;line-height:1.65}
.scribe-note-demo mark{background:#ecd09b80;color:inherit;border-bottom:1px dotted #94602b}
.scribe-review-chip{display:inline-block;font-size:11px;background:#f1e4cc;border-radius:20px;padding:8px 12px;color:#704c21}
.scribe-note-demo aside>div{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}
.scribe-note-demo aside strong{font-size:12px}
.scribe-note-demo aside p{margin-top:7px;color:var(--muted)}
.scribe-visit-track.enhanced{height:230svh}
.scribe-visit-track.enhanced .scribe-visit-sticky{position:sticky;top:80px;min-height:calc(100svh - 80px);display:flex;align-items:center;padding-block:26px}
.scribe-visit-track.enhanced .scribe-visit-window{min-height:520px}
.scribe-visit-track.enhanced .scribe-visit-panes{min-height:315px}
.scribe-companion{background:radial-gradient(ellipse at 85% 60%,#ddc6b17a,transparent 60%),#f1e8dd}
.scribe-companion .story-heading{margin-bottom:22px}
.scribe-phone-facts{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:20px;font-size:14px}
.scribe-phone-facts span{font-size:11px;color:var(--accent);margin-right:18px}
.scribe-phone-scene{display:flex;align-items:center;flex-direction:column;gap:22px;min-width:0}
.scribe-phone-link{font-size:11px;color:var(--muted)}
.scribe-phone-wave{color:#e57261;height:62px;margin-top:28px;gap:2px}
.scribe-model{background:#665044;color:#fff7ed}
.scribe-model .story-heading>p:last-child:not(.eyebrow){color:#e8d9ca}
.scribe-model .eyebrow{color:#f0c5a4}
.scribe-model-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}
.scribe-model-flow>div{border-top:1px solid #fff5e644;padding-top:22px}
.scribe-model-flow span{font-size:11px;color:#ecc7aa;display:block;margin-bottom:16px}
.scribe-model-flow strong{font-size:clamp(20px,2.5vw,30px);font-weight:500}
.scribe-model-flow p{font-size:12px;color:#e8d9ca;margin-top:12px}
.scribe-zero{display:flex;align-items:center;gap:35px;border-block:1px solid #fff5e644;padding:32px 0;margin:40px 0}
.scribe-zero strong{font-size:clamp(46px,5.5vw,70px);letter-spacing:-.055em;white-space:nowrap;font-weight:550;color:#ffd1af}
.scribe-zero>span{font-size:15px;line-height:1.7;max-width:410px}
.scribe-intelligence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.scribe-intelligence-grid h3{font-size:18px;font-weight:550;letter-spacing:-.03em}
.scribe-intelligence-grid p{font-size:13px;line-height:1.7;color:#e8d9ca;margin-top:12px}
.scribe-comparison table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65}
.scribe-comparison th,.scribe-comparison td{text-align:left;padding:24px;border-bottom:1px solid var(--line);width:33.33%;vertical-align:top}
.scribe-comparison thead th{font-size:12px;font-weight:600}
.scribe-comparison tbody th{font-weight:400;color:var(--muted)}
.scribe-comparison td:nth-child(2),.scribe-comparison th:nth-child(2){background:#f0e4d6;font-weight:600}
.scribe-comparison-mobile{display:none}
.scribe-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip-path:inset(50%)}
.scribe-surfaces{background:#f3ece3;overflow:hidden}
.scribe-rail-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.scribe-rail-controls{display:flex;gap:9px;margin-bottom:38px}
.scribe-rail-controls button{height:42px;width:42px;border:1px solid #b5a18e;background:transparent;border-radius:50%;color:var(--ink);font-size:19px}
.scribe-rail-controls button:disabled{opacity:.3;cursor:default}
.scribe-surface-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px max(22px,calc((100vw - 1200px)/2)) 20px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b99c81 transparent}
.scribe-surface-card{flex:0 0 min(760px,85vw);scroll-snap-align:center;min-width:0}
.scribe-surface-card img{width:100%;height:auto;aspect-ratio:1.58;object-fit:contain;background:#ebe5dc;border:1px solid #c6b7a5;border-radius:18px}
.scribe-surface-card figcaption{padding:25px 4px}
.scribe-surface-card figcaption strong{font-size:clamp(22px,2.3vw,29px);font-weight:550;letter-spacing:-.04em}
.scribe-surface-card figcaption p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:12px;max-width:550px}
.scribe-surfaces .scribe-disclosure{text-align:left}
.scribe-ownership{background:var(--paper);border-block:1px solid var(--line)}
.scribe-requirement{color:var(--accent);font-size:12px;line-height:1.7}
.scribe-licence-preview{border:1px solid #c8b8a6;border-radius:23px;background:#fffcf7;box-shadow:0 20px 60px -40px #6d513a66;overflow:hidden}
.scribe-licence-preview header{display:flex;justify-content:space-between;align-items:center;background:#f1e8dd;padding:23px;font-size:13px}
.scribe-licence-preview header span:last-child{color:#365e46;background:#dfebdb;padding:6px 12px;border-radius:20px;font-size:10px}
.scribe-licence-preview dl{display:grid;gap:24px;padding:27px;margin:0}
.scribe-licence-preview dt{font-size:10px;color:var(--muted);margin-bottom:9px}
.scribe-licence-preview dd{font-size:17px;font-weight:500;margin:0}
.scribe-licence-preview footer{padding:18px 27px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
@media(max-width:700px){
 .scribe-original-hero{padding-top:45px}.scribe-original-hero h1{font-size:clamp(43px,10.5vw,67px)}
 .scribe-claims{padding:20px}.scribe-claim-grid{gap:12px;margin-top:35px}.scribe-hero-actions{gap:16px}
 .scribe-visit-track.enhanced{height:auto}.scribe-visit-track.enhanced .scribe-visit-sticky{position:static;min-height:0}
 .scribe-visit-track.enhanced .scribe-visit-window{min-height:0;padding:20px}.scribe-visit-track.enhanced .scribe-visit-panes{min-height:0}
 .scribe-visit-tabs button{font-size:12px;padding:10px 5px}.scribe-visit-tabs button span{display:block;margin:0 0 7px}
 .scribe-wave{height:65px;gap:2px}.scribe-transcript-demo{grid-template-columns:1fr;gap:10px}.scribe-note-demo{grid-template-columns:1fr;gap:18px}
 .scribe-zero{display:block}.scribe-zero strong{display:block;margin-bottom:15px}.scribe-model-flow{gap:16px}
 .scribe-intelligence-grid{grid-template-columns:1fr;gap:28px}.scribe-comparison-desktop{display:none}.scribe-comparison-mobile{display:grid;gap:24px;margin:0}
 .scribe-comparison-mobile>div{border-top:1px solid var(--line);padding-top:22px}.scribe-comparison-mobile dt{font-size:14px;font-weight:600;margin-bottom:13px}
 .scribe-comparison-mobile dd{display:grid;grid-template-columns:85px 1fr;gap:12px;margin:10px 0;font-size:13px;line-height:1.6}.scribe-comparison-mobile dd span{font-size:11px;color:var(--muted)}
 .scribe-rail-heading{align-items:start}.scribe-rail-controls{margin-top:38px}.scribe-rail-controls button{width:36px;height:36px}
 .scribe-surfaces .story-heading h2{font-size:32px}.scribe-phone-scene{margin-top:15px}
}
@media(max-width:380px){.scribe-claim-grid{grid-template-columns:1fr}.scribe-claims{font-size:17px}.scribe-model-flow{grid-template-columns:1fr;gap:20px}.scribe-rail-heading{display:block}.scribe-rail-controls{margin-top:0}}
@media(prefers-reduced-motion:reduce){.scribe-visit-track.enhanced{height:auto}.scribe-visit-track.enhanced .scribe-visit-sticky{position:static;min-height:0}.scribe-wave{transition:none}}

/* The original recorder device surface. */
.iphone-recorder-showcase {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40rem;
}
.iphone-device {
  position: relative;
  width: min(19rem, 78vw);
  padding: 0.55rem;
  border: 1px solid rgb(255 255 255 / 23%);
  border-radius: 3.1rem;
  background: linear-gradient(145deg, #5b5c62, #18191d 30%, #070709 80%);
  box-shadow:
    0 44px 80px -40px rgb(0 0 0 / 90%),
    inset 0 0 0 2px rgb(255 255 255 / 8%);
  transform: rotate(4deg);
}
.iphone-screen {
  position: relative;
  overflow: hidden;
  min-height: 38rem;
  padding: 1rem 1rem 0.7rem;
  border-radius: 2.6rem;
  background:
    radial-gradient(circle at 50% 80%, rgb(114 25 26 / 55%), transparent 24%),
    linear-gradient(180deg, #17181d, #060608 75%);
  color: white;
}
.iphone-island {
  position: absolute;
  top: 0.65rem;
  left: 50%;
  width: 5.5rem;
  height: 1.45rem;
  border-radius: 99px;
  background: #050506;
  transform: translateX(-50%);
}
.iphone-statusbar {
  display: flex;
  justify-content: space-between;
  padding: 0.15rem 0.75rem 0;
  color: rgb(255 255 255 / 58%);
  font-family: ui-monospace, monospace;
  font-size: 0.58rem;
}
.iphone-recorder-header {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 2.2rem;
}
.iphone-recorder-header img {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.65rem;
  box-shadow: 0 6px 12px rgb(0 0 0 / 35%);
}
.iphone-recorder-header div {
  display: grid;
  gap: 0.1rem;
}
.iphone-recorder-header strong {
  font-size: 0.88rem;
  letter-spacing: -0.03em;
}
.iphone-recorder-header span {
  color: rgb(255 255 255 / 52%);
  font-size: 0.64rem;
}
.iphone-connected-dot {
  width: 0.42rem;
  height: 0.42rem;
  margin-left: auto;
  border-radius: 99px;
  background: #4fd887;
  box-shadow: 0 0 12px #4fd887;
}
.iphone-recorder-title {
  display: flex;
  justify-content: space-between;
  margin-top: 2.1rem;
  color: rgb(255 255 255 / 72%);
  font-size: 0.7rem;
}
.iphone-recorder-title span:last-child {
  color: #ea9269;
  font-family: ui-monospace, monospace;
  font-size: 0.59rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.iphone-recorder-orb {
  display: grid;
  place-items: center;
  width: 8.4rem;
  aspect-ratio: 1;
  margin: 2.1rem auto 1.1rem;
  border: 0.45rem solid rgb(255 255 255 / 15%);
  border-radius: 50%;
  background: radial-gradient(circle at 30% 24%, #d36b55, #9b302b 66%, #661d22);
  box-shadow:
    0 0 0 0.5rem rgb(172 52 44 / 8%),
    0 24px 40px -22px #bf463a;
}
.iphone-recorder-time {
  display: block;
  color: white;
  font-size: 2.35rem;
  font-weight: 650;
  letter-spacing: -0.08em;
  text-align: center;
}
.iphone-recorder-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  margin-top: 0.7rem;
  color: #ec9272;
  font-family: ui-monospace, monospace;
  font-size: 0.58rem;
  letter-spacing: 0.12em;
}
.iphone-recorder-badge span {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 99px;
  background: currentColor;
  box-shadow: 0 0 10px currentColor;
}
.iphone-recorder-meter {
  display: flex;
  align-items: center;
  gap: 0.18rem;
  height: 2.7rem;
  margin-top: 1.1rem;
  padding: 0 0.35rem;
  border-top: 1px solid rgb(255 255 255 / 9%);
  border-bottom: 1px solid rgb(255 255 255 / 9%);
}
.iphone-recorder-meter span {
  flex: 1 1 0;
  border-radius: 99px;
  background: linear-gradient(180deg, #df8a69, #8b3131);
  opacity: 0.82;
}
.iphone-recorder-level {
  display: flex;
  justify-content: space-between;
  margin-top: 0.6rem;
  color: rgb(255 255 255 / 48%);
  font-size: 0.58rem;
}
.iphone-recorder-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.7rem;
  padding: 0 0.45rem;
}
.iphone-control-button {
  display: grid;
  place-items: center;
  width: 2.9rem;
  height: 2.9rem;
  border: 1px solid rgb(255 255 255 / 16%);
  border-radius: 50%;
  color: rgb(255 255 255 / 75%);
  font-size: 1.05rem;
}
.iphone-addendum {
  color: #db8d6a;
}
.iphone-stop-button {
  width: 4.15rem;
  height: 4.15rem;
  border: 0.32rem solid #e27056;
  border-radius: 50%;
  box-shadow:
    0 0 0 0.45rem rgb(226 112 86 / 12%),
    0 10px 30px -14px #f27455;
}
.iphone-home-indicator {
  width: 5rem;
  height: 0.25rem;
  margin: 1.3rem auto 0;
  border-radius: 99px;
  background: white;
  opacity: 0.6;
}
.iphone-device{transform:rotate(3deg)}.iphone-recorder-orb span{font-size:40px;color:white}.iphone-screen .scribe-phone-wave{height:62px}.iphone-control-button{display:grid;place-items:center;font-size:20px}.iphone-recorder-header span{color:#c0bdc1}.iphone-statusbar,.iphone-recorder-level{color:#b7b3b7}.iphone-recorder-title{color:#beb6bb}.iphone-recorder-badge{color:#f89180}@media(max-width:700px){.iphone-device{transform:none;width:min(19rem,78vw)}}

@media(max-height:759px){.scribe-visit-track.enhanced{height:auto}.scribe-visit-track.enhanced .scribe-visit-sticky{position:static;min-height:0}.scribe-visit-track.enhanced .scribe-visit-window,.scribe-visit-track.enhanced .scribe-visit-panes{min-height:0}}

/* Continuous, reversible scroll choreography from recording to review. */
.scribe-visit-tabs{position:relative}
.scribe-visit-tabs::before{content:"";position:absolute;top:-1px;left:0;height:2px;width:var(--visit-progress,0%);background:#ae6b46;pointer-events:none}
.scribe-visit-window>.scribe-wave{transform-origin:center;transition:none}
.scribe-visit-window>.scribe-wave i{transform:scaleY(var(--scroll-gain,1));transform-origin:center;animation:none}
.scribe-visit-track.is-inview[data-voice=record]:not(.motion-paused) .scribe-visit-window>.scribe-wave i{animation:scribe-voice var(--beat,1.8s) var(--delay,0s) ease-in-out infinite}
.scribe-visit-track.motion .scribe-visit-panes{display:grid;align-items:start;min-height:315px}
.scribe-visit-track.motion .scribe-visit-pane{grid-area:1/1;min-width:0;will-change:opacity,transform}
.scribe-visit-track.motion .scribe-visit-pane[aria-hidden=true]{pointer-events:none}
.scribe-visit-track:not(.motion) .scribe-visit-pane.is-active{animation:scribe-pane-enter .3s ease-out}
.scribe-visit-track.motion .scribe-visit-window{background:radial-gradient(ellipse at 50% 0%,#dca4770b,transparent 65%),#fffdf9}
.scribe-surface-media{position:relative;aspect-ratio:1.6;border:1px solid #c6b7a5;border-radius:18px;overflow:hidden;background:#f7f4ef}
.scribe-surface-media img{position:absolute;max-width:none;width:var(--media-width);height:auto;left:var(--media-left);top:var(--media-top);aspect-ratio:auto;border:0;border-radius:0;background:none;object-fit:initial}
@keyframes scribe-voice{0%,100%{transform:scaleY(calc(var(--scroll-gain,1)*.48))}38%{transform:scaleY(var(--scroll-gain,1))}72%{transform:scaleY(calc(var(--scroll-gain,1)*.72))}}
@keyframes scribe-pane-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.scribe-visit-track .scribe-visit-window>.scribe-wave i,.scribe-visit-track:not(.motion) .scribe-visit-pane.is-active{animation:none!important}.scribe-visit-window>.scribe-wave{transform:none!important;opacity:1!important}}

.scribe-original-hero .primary-button{background:#9a593d;color:#fff9f1}.scribe-original-hero .primary-button:hover{background:#81452e}
