/* Communication, personal setup and the proposed trial offer. */
.hero { padding-block: 64px; }
.hero .eyebrow { max-width: 390px; line-height: 1.65; }
.hero h1 { font-size: clamp(38px, 3.8vw, 55px); }
.hero-copy, .lab-incoming, .lab-reply { min-width: 0; }
.hero .lead { font-size: 17px; margin-top: 21px; }
.channel-list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; list-style: none; padding: 0; margin: 23px 0 0; }
.channel-list li { min-width: 0; }
.channel-list a { display: flex; align-items: center; gap: 9px; min-height: 59px; height: 100%; padding: 10px 12px; border: 1px solid #dce5f7; border-radius: 8px; background: #f4f7ff; font-size: 13px; line-height: 1.5; color: #25385e; font-weight: 650; transition: border-color .15s, background .15s; }
.channel-list a:hover { background: #eaf0ff; border-color: #9bb5ff; }
.channel-list small { display: block; font-size: 10px; font-weight: 500; line-height: 1.5; color: #5d6f90; margin-top: 1px; }
.channel-list svg { width: 21px; height: 21px; color: var(--blue); }
.hero-actions { margin-top: 25px; gap: 14px; }
.hero-actions .button { max-width: 100%; text-align: left; }
.hero-human { margin-top: 24px; }
.hero-human a { text-underline-offset: 3px; }
.hero-human a:hover { text-decoration: underline; color: var(--blue); }
.work-explained { margin-bottom: 35px; }
.calendar-preview { margin-top: 23px; padding: 15px 17px; border: 1px solid var(--line); background: white; border-radius: 10px; }
.calendar-preview > div { display: flex; align-items: center; gap: 7px; padding-bottom: 13px; font-size: 11px; }
.calendar-preview > div svg { width: 17px; height: 17px; color: var(--blue); }
.calendar-preview > div > span { margin-left: auto; font-weight: 600; }
.calendar-preview p { display: flex; align-items: center; gap: 20px; padding: 9px 0; border-top: 1px solid #edf0f6; font-size: 12px; color: #7b869a; }
.calendar-preview p > span { font-variant-numeric: tabular-nums; font-size: 11px; }
.calendar-preview .free-slot { color: var(--blue); }
.reply-details { margin-top: 17px; }
.reply-details > summary { font-size: 12px; color: #566887; padding: 6px 0; }
.reply-details .reply-recipient { padding-top: 11px; }
.reply-details textarea { min-height: 190px; }
.task-bundle { margin-top: 18px; border: 1px solid var(--line); border-radius: 9px; background: #f9fbff; }
.task-bundle > div { display: flex; align-items: center; gap: 10px; padding: 13px; transition: background .2s; }
.task-bundle > div + div { border-top: 1px solid var(--line); }
.task-symbol { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #dce5f8; border-radius: 7px; background: white; color: #596c94; flex: none; }
.task-symbol svg { width: 17px; height: 17px; }
.task-bundle strong { display: block; font-size: 12px; line-height: 1.5; font-weight: 650; }
.task-bundle small { display: block; font-size: 10px; color: #6f7f99; line-height: 1.6; margin-top: 2px; }
.task-indicator { margin-left: auto; display: grid; place-items: center; width: 19px; height: 19px; border: 1px solid #cbd5e8; border-radius: 50%; font-size: 11px; color: transparent; flex: none; }
[data-step-state="running"] { background: #edf3ff; }
[data-step-state="running"] .task-indicator { border: 2px solid #c5d3f7; border-top-color: var(--blue); animation: step-thinking .75s linear infinite; }
[data-step-state="done"] .task-indicator { border-color: var(--blue); background: var(--blue); color: white; }
[data-step-state="done"] .task-symbol { color: var(--blue); }
.lab-reply.is-running .reply-top > span { color: var(--blue); background: #eaf0ff; }
.lab-reply .demo-status { min-height: 40px; }
.lab-action { min-height: 47px; }
.lab-action .text-button { min-height: 44px; padding-inline: 3px; }
.start-guarantee { margin-top: 65px; padding: 42px; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; border-radius: 16px; color: white; background: var(--navy); }
.offer-label { display: inline-block; font-size: 10px; line-height: 1.5; letter-spacing: .025em; border: 1px solid #4f6389; color: #bacbeb; border-radius: 5px; padding: 5px 9px; margin-bottom: 27px; }
.start-guarantee .eyebrow { color: #9bb7ff; font-size: 10px; margin-bottom: 17px; }
.start-guarantee h2 { font-size: clamp(30px, 3.1vw, 41px); line-height: 1.17; }
.guarantee-copy > p { color: #bdcce5; font-size: 14px; margin-top: 22px; line-height: 1.8; max-width: 385px; }
.guarantee-copy > p strong { font-weight: 650; color: white; }
.guarantee-copy .button { font-size: 13px; margin-top: 27px; padding: 14px 17px; }
.trial-number { display: flex; align-items: center; gap: 20px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #384664; }
.trial-number > strong { font-size: 77px; line-height: 1; letter-spacing: -.065em; font-weight: 600; color: #a8beff; }
.trial-number > span { font-size: 15px; line-height: 1.55; color: #d4dff2; }
.guarantee-result h3 { font-size: 22px; line-height: 1.3; }
.guarantee-result ul { list-style: none; padding: 0; margin: 20px 0; display: grid; gap: 17px; }
.guarantee-result li { display: flex; gap: 10px; font-size: 12px; line-height: 1.7; color: #b9c8e0; }
.guarantee-result li svg { color: #94b2ff; width: 17px; height: 17px; margin-top: 3px; }
.guarantee-result li strong { display: block; font-weight: 600; color: white; font-size: 13px; }
.guarantee-result .guarantee-note { color: #aebfdc; font-size: 11px; line-height: 1.8; }
.guarantee-result details { margin-top: 20px; padding-top: 17px; border-top: 1px solid #384664; }
.guarantee-result summary { font-size: 12px; color: #c7d6f1; }
.guarantee-result summary::marker { color: #94b2ff; }
.guarantee-result details p { font-size: 12px; color: #aebfdc; line-height: 1.8; margin-top: 13px; }
.start-guarantee :focus-visible { outline-color: #a9c3ff; }
.budget { margin-top: 35px; }
.budget dd a { color: var(--blue); text-underline-offset: 3px; }
.budget dd a:hover { text-decoration: underline; }
@keyframes step-thinking { to { transform: rotate(360deg); } }
@media (max-width: 1080px) {
  .hero h1 { font-size: 42px; }
  .hero .lead { font-size: 16px; }
  .hero-actions .button { font-size: 13px; gap: 10px; }
  .channel-list a { font-size: 12px; padding: 9px; gap: 7px; }
  .start-guarantee { gap: 40px; padding: 34px; }
}
@media (max-width: 850px) {
  .hero h1 { font-size: 36px; }
  .hero .lead { font-size: 15px; }
  .hero .eyebrow { font-size: 10px; }
  .hero-human { align-items: flex-start; }
  .start-guarantee { gap: 30px; padding: 29px; }
  .start-guarantee h2 { font-size: 30px; }
  .trial-number > strong { font-size: 66px; }
  .guarantee-result h3 { font-size: 20px; }
}
@media (max-width: 680px) {
  .hero { padding-block: 45px 40px; }
  .hero h1 { font-size: clamp(37px, 8.5vw, 51px); }
  .hero .lead { font-size: 16px; }
  .hero .eyebrow { font-size: 10px; }
  .channel-list { gap: 8px; }
  .channel-list a { font-size: 12px; min-height: 66px; }
  .channel-list small { font-size: 10px; }
  .channel-list svg { width: 18px; height: 18px; }
  .hero-human p { font-size: 11px; }
  .hero-actions .button { font-size: 13px; }
  .reply-details > summary { min-height: 39px; font-size: 13px; }
  .task-bundle strong { font-size: 13px; }
  .task-bundle small { font-size: 11px; }
  .start-guarantee { grid-template-columns: 1fr; gap: 33px; padding: 25px; margin-top: 40px; }
  .start-guarantee h2 { font-size: 32px; }
  .offer-label { font-size: 10px; margin-bottom: 22px; }
  .guarantee-copy > p { font-size: 14px; }
  .guarantee-copy .button { max-width: 100%; font-size: 12px; }
  .trial-number { padding-top: 28px; border-top: 1px solid #384664; }
  .trial-number > strong { font-size: 72px; }
  .guarantee-result li { font-size: 13px; }
  .guarantee-result li strong { font-size: 14px; }
  .guarantee-result summary { min-height: 40px; font-size: 13px; }
  .guarantee-result .guarantee-note, .guarantee-result details p { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .task-indicator { animation: none !important; }
  .task-bundle > div { transition: none; }
}