.try-intro { min-height: calc(100svh - 68px); display: flex; align-items: center; padding-block: clamp(3rem, 6vw, 5rem); }
.try-intro__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .92fr); gap: clamp(2.5rem, 6vw, 5rem); align-items: start; }
.try-intro__copy h1 { max-width: 640px; margin-bottom: 1.3rem; font: 800 clamp(2.8rem, 5.4vw, 4.6rem)/.92 var(--font-display); letter-spacing: -.03em; text-transform: uppercase; }

.try-form { display: flex; flex-direction: column; gap: 1rem; max-width: 480px; margin-top: 2rem; }
.try-form__field label { display: block; margin-bottom: .45rem; color: var(--steel); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.try-form__field label span { color: var(--muted); font-weight: 500; text-transform: none; letter-spacing: normal; }
.try-form__field input { width: 100%; height: 54px; padding: 0 1rem; border: 1px solid #37405a; border-radius: 5px; background: rgba(15,20,36,.92); color: white; }
.try-form__field input::placeholder { color: #737e99; }
.try-form__field input:focus { border-color: var(--cyan); box-shadow: inset 0 0 0 1px var(--cyan); outline: none; }
.try-form button[type="submit"] { align-self: flex-start; padding: .95rem 1.6rem; }

.book-intro { align-items: flex-start; }
.book-offer { position: sticky; top: 96px; padding: clamp(1.5rem, 4vw, 2.3rem); border: 1px solid rgba(91,106,245,.46); border-radius: 10px; background: linear-gradient(145deg, rgba(18,24,42,.98), rgba(9,12,23,.98)); box-shadow: 0 30px 90px rgba(0,0,0,.4); }
.book-offer__price { display: flex; align-items: baseline; gap: .65rem; margin: .6rem 0 1rem; }
.book-offer__price strong { font: 800 clamp(4rem, 9vw, 6rem)/.8 var(--font-display); letter-spacing: -.04em; }
.book-offer__price span { color: var(--steel); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.book-offer > p { color: var(--steel); }
.book-offer ul { margin: 1.2rem 0; padding-left: 1.2rem; color: #cbd2e2; }
.book-offer li { margin-bottom: .6rem; }
.book-offer .book-offer__note { padding-top: 1rem; border-top: 1px solid var(--rule); color: var(--muted); font-size: .8rem; }
.book-offer > a { color: var(--cyan); font-weight: 700; text-underline-offset: 3px; }

.call-panel { position: relative; padding: 1.1rem; border: 1px solid rgba(91,106,245,.46); border-radius: 10px; background: linear-gradient(145deg, rgba(18,24,42,.96), rgba(9,12,23,.98)); box-shadow: 0 30px 90px rgba(0,0,0,.5), 0 0 80px rgba(91,106,245,.10); }
.call-panel__topline { display: flex; justify-content: space-between; align-items: center; padding: .4rem .45rem 1rem; border-bottom: 1px solid var(--rule); color: var(--steel); font: 700 .7rem/1 var(--font-body); letter-spacing: .09em; text-transform: uppercase; }
.call-panel__topline span:first-child { display: flex; align-items: center; gap: .55rem; }
.call-panel__topline time { color: var(--muted); font-variant-numeric: tabular-nums; }
.call-panel__body { min-height: 260px; padding: 1.4rem .6rem .6rem; display: flex; flex-direction: column; justify-content: center; }
.call-panel__body p { color: var(--steel); }

[data-call-state-connecting] { text-align: center; }
.call-pulse { width: 46px; height: 46px; margin: 0 auto 1.2rem; border-radius: 50%; background: var(--indigo); animation: pulse 1.6s ease-out infinite; }

.call-transcript { display: flex; flex-direction: column; gap: .6rem; max-height: 220px; margin: 1.1rem 0; padding: 0; list-style: none; overflow-y: auto; }
.call-transcript__line { max-width: 88%; padding: .6rem .8rem; border-radius: 6px; font-size: .88rem; }
.call-transcript__line--assistant { align-self: flex-start; background: rgba(34,211,207,.08); border: 1px solid rgba(34,211,207,.25); }
.call-transcript__line--user { align-self: flex-end; background: rgba(91,106,245,.12); border: 1px solid rgba(91,106,245,.3); }

.button--end { width: 100%; background: transparent; border: 1px solid #ff9a7a; color: #ff9a7a; }
.button--end:hover { background: rgba(255,154,122,.1); }
.button--ghost { background: transparent; border: 1px solid var(--rule); color: var(--white); }
.button--ghost:hover { background: rgba(255,255,255,.06); }
.call-panel__ended-heading { color: var(--white); font-weight: 700; }
.call-panel__ended-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1rem; }

@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(91,106,245,.55); } 100% { box-shadow: 0 0 0 26px rgba(91,106,245,0); } }

@media (max-width: 920px) {
  .try-intro__layout { grid-template-columns: 1fr; }
  .book-offer { position: static; }
}

@media (max-width: 720px) {
  .try-intro { min-height: auto; padding-block: 3rem; }
  .try-form { max-width: 100%; }
  .try-form button[type="submit"] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .call-pulse { animation: none; }
}