.sd{--sd-play: paused; --sd-ease: cubic-bezier(.22, 1, .36, 1); --sd-cursor-y: 118px; --sd-article-scroll: -152px; --sd-message-height: 48px; --sd-response-offset: 56px; position: relative; width: 100%; height: 100%; overflow: hidden; overflow-anchor: none; color: #1d1d1f; font-family: inherit; -webkit-font-smoothing: antialiased;}
.sd *, .sd *::before, .sd *::after{box-sizing: border-box;}
.sd.is-running{--sd-play: running;}
.sd-browser{container-type: inline-size; position: absolute; inset: 28px 28px -28px; overflow: hidden; border-radius: 18px 18px 0 0; background: #fff; box-shadow: 0 18px 40px -24px rgba(50, 50, 65, .16); -webkit-mask-image: linear-gradient(to bottom, #000 83%, transparent 98%); mask-image: linear-gradient(to bottom, #000 83%, transparent 98%);}
.sd-viewport{position: absolute; inset: 0; overflow: hidden;}
.sd-viewport::after{position: absolute; z-index: 3; inset: 0 0 auto; height: 18px; background: linear-gradient(#fff, rgba(255, 255, 255, 0)); content: ""; pointer-events: none;}
.sd-search, .sd-article{position: absolute; inset: 0;}
.sd-search{padding: 18px 22px; opacity: 0;}
.sd-search-header{display: flex; height: 40px; align-items: center; gap: 17px;}
.sd-google{flex: none; color: #4285f4; font-family: Arial, sans-serif; font-size: 24px; font-weight: 500; letter-spacing: -1.4px; line-height: 1;}
.sd-google span:nth-child(2), .sd-google span:nth-child(6){color: #ea4335;}
.sd-google span:nth-child(3){color: #fbbc05;}
.sd-google span:nth-child(5){color: #34a853;}
.sd-query{display: flex; min-width: 0; height: 40px; flex: 1; align-items: center; gap: 9px; padding: 0 13px; border-radius: 999px; background: #f5f5f7;}
.sd-query > span{overflow: hidden; font-size: 11.5px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap;}
.sd[data-search-typing="true"] .sd-query-text::after{display: inline-block; width: 1px; height: .95em; margin-left: 2px; background: #63636b; content: ""; vertical-align: -.1em;}
.sd-search-icon{position: relative; width: 10px; height: 10px; flex: none; border: 1.3px solid #86868b; border-radius: 50%;}
.sd-search-icon::after{position: absolute; right: -3px; bottom: -2px; width: 4px; height: 1.3px; border-radius: 2px; background: #86868b; content: ""; transform: rotate(45deg);}
.sd-result{position: relative; margin-top: 24px;}
.sd-result::before{position: absolute; inset: -9px -10px; border-radius: 12px; background: #f4f7fe; content: ""; opacity: 0;}
.sd-source{position: relative; display: block; color: #63636b; font-size: 10px; line-height: 18px;}
.sd-result-title{position: relative; margin-top: 6px; color: #1a0dab; font-size: 16px; font-weight: 500; letter-spacing: -.025em; line-height: 1.3;}
.sd-lines{display: grid; gap: 7px;}
.sd-lines i{display: block; height: 6px; border-radius: 999px; background: #efeff2;}
.sd-lines i:nth-child(2){width: 88%;}
.sd-lines i:nth-child(3){width: 62%;}
.sd-lines i:nth-child(4){width: 80%;}
.sd-result-lines{position: relative; z-index: 1; margin-top: 13px;}
.sd-other-result{display: grid; gap: 11px; margin-top: 30px; opacity: .72;}
.sd-other-source{width: 23%; height: 5px; border-radius: 999px; background: #e7e7ec;}
.sd-other-title{width: 70%; height: 9px; border-radius: 999px; background: #e7e7ec;}
.sd-article{opacity: 1;}
.sd-article-sheet{transform: translateY(var(--sd-article-scroll));}
.sd-article-header{display: flex; height: 45px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 24px; border-bottom: 1px solid #efeff2;}
.sd-article-header > span{font-size: 11px; font-weight: 650;}
.sd-nav-lines{display: flex; gap: 10px;}
.sd-nav-lines i{width: 24px; height: 4px; border-radius: 999px; background: #ececf0;}
.sd-article-content{padding: 36px 24px 20px;}
.sd-article-title{display: block; font-size: min(23px, 4.4cqi); font-weight: 650; letter-spacing: -.035em; line-height: 1.2; white-space: nowrap;}
.sd-intro-lines{margin-top: 14px;}
.sd-intro-lines i{height: 7px;}
.sd-body-lines{gap: 9px;}
.sd-agent{margin: 18px 0 20px;}
.sd-agent-label{display: block; margin-bottom: 7px; color: #6e6e73; font-size: 9.5px; font-weight: 600; line-height: 13px;}
.sd-agent-stage{position: relative; height: 112px; overflow: hidden;}
.sd-agent-response{position: absolute; inset: 0 0 auto; display: flex; align-items: flex-start; gap: 8px; transition: transform .7s var(--sd-ease);}
.sd-agent-avatar{display: block; width: 30px; height: 30px; flex: none; margin-top: calc((var(--sd-message-height) - 30px) / 2); border-radius: 50%; background: #ecebe8 url("../images/agent/avatar-neutral-v3.webp") center / cover no-repeat;}
.sd-agent-bubble{display: flex; min-height: var(--sd-message-height); flex: 1; align-items: center; padding: 6px 10px; border-radius: 14px; background: #f5f5f7; color: #3a3a44; font-size: 12px; letter-spacing: -.01em; line-height: 1.4;}
.sd-agent-user{position: absolute; top: 0; right: 0; display: flex; min-height: var(--sd-message-height); max-width: 85%; align-items: center; padding: 6px 12px; border-radius: 14px; background: #635bff; color: #fff; font-size: 12px; line-height: 1.4; opacity: 0; transform: translateY(7px); transition: opacity .5s ease, transform .7s var(--sd-ease);}
.sd[data-conversation="reply"] .sd-agent-user{opacity: 1; transform: none;}
.sd[data-conversation="reply"] .sd-agent-response{transform: translateY(var(--sd-response-offset));}
.sd-agent-dots{display: none; height: 18px; align-items: center; gap: 4px;}
.sd-agent-dots i{width: 5px; height: 5px; border-radius: 50%; background: #a1a1aa;}
.sd[data-thinking="true"] .sd-agent-dots{display: flex;}
.sd[data-thinking="true"] .sd-agent-message{display: none;}
.sd-agent-dock{display: flex; height: var(--sd-message-height); align-items: center; gap: 9px; margin-top: 8px; padding: 6px 7px 6px 12px; border-radius: 999px; background: #f5f5f7;}
.sd-agent-prompt{flex: 1; min-width: 0; overflow: hidden; color: #1d1d1f; font-size: 12px; white-space: nowrap; text-overflow: ellipsis;}
.sd-agent-prompt:empty::before{color: #86868b; content: attr(data-ph);}
.sd[data-writing="true"] .sd-agent-prompt::after, .sd[data-speaking="true"] .sd-agent-message::after{display: inline-block; width: 1px; height: .95em; margin-left: 2px; background: #635bff; content: ""; vertical-align: -.1em;}
.sd-agent-send{display: grid; width: 34px; height: 34px; flex: none; place-items: center; border-radius: 50%; background: #635bff; transition: transform .2s var(--sd-ease);}
.sd[data-send="true"] .sd-agent-send{transform: scale(.86);}
.sd-pointer{position: absolute; z-index: 2; top: var(--sd-cursor-y); left: 46%; width: 21px; height: 27px; opacity: 0; transform: translate(108px, 86px); filter: drop-shadow(0 1px 2px rgba(29, 29, 31, .2));}
.sd-pointer i, .sd-pointer i::after{position: absolute; inset: 0; background: #fff; clip-path: polygon(0 0, 0 92%, 26% 72%, 44% 100%, 62% 90%, 44% 64%, 80% 64%);}
.sd-pointer i::after{inset: 2px; background: #1d1d1f; content: "";}
.sd-click{position: absolute; z-index: 1; top: var(--sd-cursor-y); left: 46%; width: 36px; height: 36px; border: 1.5px solid #4285f4; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%) scale(.5);}
@keyframes sd-dot {
  0%, 60%, 100% { opacity: .4; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-2px); }
}
@keyframes sd-caret {
  50% { opacity: 0; }
}
@media (max-width: 620px) {
  .sd{--sd-cursor-y: 114px; --sd-article-scroll: -146px;}
  .sd-browser{inset: 16px 16px -24px; border-radius: 16px 16px 0 0;}
  .sd-viewport{top: 0;}
  .sd-search{padding: 16px;}
  .sd-search-header{gap: 12px;}
  .sd-google{font-size: 21px;}
  .sd-query{gap: 7px; padding-inline: 10px;}
  .sd-query > span{font-size: 10px;}
  .sd-result{margin-top: 22px;}
  .sd-result-title{max-width: 290px; font-size: 14px;}
  .sd-other-result{margin-top: 26px;}
  .sd-article-header{height: 39px; padding-inline: 18px;}
  .sd-article-content{padding: 36px 18px 18px;}
  .sd-agent-bubble, .sd-agent-user, .sd-agent-prompt{font-size: 11.5px;}
}
@media (max-width: 360px) {
  .sd-search-header{gap: 8px;}
  .sd-google{font-size: 19px;}
  .sd-query > span{font-size: 9.5px;}
}
@media (prefers-reduced-motion: reduce) {
  .sd *, .sd *::before, .sd *::after{animation: none !important; transition: none !important;}
  .sd-search, .sd-pointer, .sd-click{opacity: 0;}
  .sd-article, .sd-agent{opacity: 1; transform: none;}
  .sd-article-sheet{transform: translateY(var(--sd-article-scroll));}
  .sd-agent-user{opacity: 0;}
  .sd-agent-response{transform: none !important;}
}
.journey{--journey-scroll: -55px; --journey-contact-scroll: -125px; height: 540px;}
.journey .sd-browser{inset: 36px 28px 0; -webkit-mask-image: linear-gradient(#000 92%, transparent 100%); mask-image: linear-gradient(#000 92%, transparent 100%);}
.journey .sd-article-sheet{transform: translateY(var(--journey-scroll));}
.journey .sd-agent{opacity: 1;}
.journey .sd-query-text{min-height: 1em;}
.journey[data-chapter="1"] .sd-search{opacity: 1;}
.journey[data-chapter="1"] .sd-article{opacity: 0;}
.journey .sd-agent-stage{height: 112px;}
.journey[data-chapter="1"] .sd-agent-stage{height: 224px;}
.journey .sd-agent-user{max-width: 90%;}
.journey[data-chapter="2"] .sd-agent-user, .journey[data-chapter="3"] .sd-agent-user{background: #1d1d1f;}
.journey .sd-agent-dock{gap: 12px; padding-left: 16px; border-radius: 16px;}
.journey .sd-agent-send{background: #1d1d1f;}
.journey .sd-agent-dock-orbit{position: relative; display: block; width: 20px; height: 20px; flex: none; border-radius: 50%; box-shadow: 0 0 0 3px #e9edf7;}
.journey .sd-agent-dock-orbit::before{position: absolute; inset: 0; border-radius: inherit; background: conic-gradient(#168dff, #a45cff, #eb418e, #ff6b0a, #ffd000, #00cfe9, #168dff); content: ""; -webkit-mask-image: radial-gradient(farthest-side, transparent 52%, #000 56%); mask-image: radial-gradient(farthest-side, transparent 52%, #000 56%); animation: journey-agent-orbit-turn 20s linear infinite; animation-play-state: paused;}
.journey.is-running .sd-agent-dock-orbit::before{animation-play-state: running;}
@keyframes journey-agent-orbit-turn {
  to { transform: rotate(360deg); }
}
.journey-contact{position: relative; height: 0; margin-top: 0; overflow: hidden; border-radius: 16px; background: #f5f5f7; opacity: 0; transform: translateY(8px);}
.journey-contact-form, .journey-contact-summary{position: absolute; inset: 0; padding: 12px;}
.journey-contact-form > strong{display: block; margin-bottom: 10px; font-size: 13px; line-height: 16px;}
.journey-fields{display: grid; grid-template-columns: .8fr 1.2fr; gap: 10px;}
.journey-fields > div{min-width: 0;}
.journey-label{display: block; margin-bottom: 4px; color: #6e6e73; font-size: 10px; line-height: 12px;}
.journey-input{display: flex; height: 32px; align-items: center; overflow: hidden; padding: 0 8px; border-radius: 9px; background: #fff; box-shadow: inset 0 0 0 1px #e6e6ea; font-size: 12px; white-space: nowrap;}
.journey-input > span:empty::before{color: #a1a1aa; content: "…";}
.journey-input.is-active{box-shadow: inset 0 0 0 1px #635bff, 0 0 0 3px rgba(99,91,255,.1);}
.journey-input.is-active > span::after{display: inline-block; width: 1px; height: .95em; margin-left: 1px; background: #635bff; content: ""; vertical-align: -.1em;}
.journey-submit{display: grid; height: 34px; place-items: center; margin-top: 10px; border-radius: 10px; background: #635bff; color: #fff; font-size: 12px; font-weight: 500; white-space: nowrap;}
.journey-contact-summary{opacity: 0; transform: translateY(8px);}
.journey-saved{display: flex; align-items: center; gap: 7px; margin-bottom: 14px; color: #248347; font-size: 12px; line-height: 16px;}
.journey-contact-summary > b{display: block; margin-bottom: 4px; color: #1d1d1f; font-size: 14px;}
.journey-saved-phone{color: #3a3a44; font-size: 12px;}
.journey-context{margin-top: 12px; color: #6e6e73; font-size: 10px; line-height: 1.4;}
.journey[data-contact="form"] .journey-contact, .journey[data-contact="done"] .journey-contact{height: 146px; margin-top: 12px; opacity: 1; transform: none;}
.journey[data-contact="form"] .sd-agent-dock, .journey[data-contact="done"] .sd-agent-dock{height: 0; margin: 0; padding-block: 0; overflow: hidden; opacity: 0;}
.journey[data-contact="form"] .sd-agent-user, .journey[data-contact="done"] .sd-agent-user{opacity: 0;}
.journey[data-contact="form"] .sd-agent-stage, .journey[data-contact="done"] .sd-agent-stage{height: 68px;}
.journey[data-contact="form"] .sd-agent-response, .journey[data-contact="done"] .sd-agent-response{transform: none;}
.journey[data-contact="done"] .journey-contact-form{opacity: 0; transform: translateY(-8px);}
.journey[data-contact="done"] .journey-contact-summary{opacity: 1; transform: none;}
.journey[data-contact-press="true"] .journey-submit{transform: scale(.97);}
.journey[data-contact="form"] .sd-article-sheet, .journey[data-contact="done"] .sd-article-sheet{transform: translateY(var(--journey-contact-scroll));}
.journey.is-ready .sd-search, .journey.is-ready .sd-article{transition: opacity .8s ease, transform 1s var(--sd-ease);}
.journey.is-ready .sd-article-sheet{transition: transform 1.3s var(--sd-ease);}
.journey.is-ready .sd-result, .journey.is-ready .sd-other-result{transition: opacity .7s ease, transform .9s var(--sd-ease);}
.journey.is-ready .sd-agent{transition: opacity .6s ease, transform .8s var(--sd-ease);}
.journey.is-ready .sd-pointer{transition: opacity .4s ease, transform 1.3s var(--sd-ease);}
.journey.is-ready .sd-click{transition: opacity .3s ease, transform .6s ease;}
.journey.is-ready .sd-result::before{transition: opacity .6s ease;}
.journey.is-ready .sd-agent-stage, .journey.is-ready .sd-agent-dock{transition: height .8s var(--sd-ease), margin .8s var(--sd-ease), opacity .5s ease;}
.journey.is-ready .journey-contact{transition: height .8s var(--sd-ease), margin .8s var(--sd-ease), opacity .6s ease, transform .8s var(--sd-ease);}
.journey.is-ready .journey-contact-form, .journey.is-ready .journey-contact-summary{transition: opacity .6s ease, transform .8s var(--sd-ease);}
.journey.is-ready .journey-submit{transition: transform .2s var(--sd-ease);}
.journey.is-ready[data-view="search"] .sd-search{opacity: 1; transform: none;}
.journey.is-ready[data-view="search"] .sd-article{opacity: 0; transform: translateY(14px);}
.journey.is-ready[data-view="search"] .sd-viewport::after{opacity: 0;}
.journey.is-ready[data-view="article"] .sd-search{opacity: 0; transform: translateY(-10px);}
.journey.is-ready[data-view="article"] .sd-article{opacity: 1; transform: none;}
.journey.is-ready[data-scrolled="false"] .sd-article-sheet{transform: none;}
.journey.is-ready[data-agent-visible="false"] .sd-agent{opacity: 0; transform: translateY(8px);}
.journey.is-ready[data-result-ready="false"] .sd-result, .journey.is-ready[data-result-ready="false"] .sd-other-result{opacity: 0; transform: translateY(8px);}
.journey.is-ready[data-pointer="approach"] .sd-pointer{opacity: 1;}
.journey.is-ready[data-pointer="target"] .sd-pointer{opacity: 1; transform: translate(0,0);}
.journey.is-ready[data-pointer="press"] .sd-pointer{opacity: 1; transform: translate(0,0) scale(.88); transition-duration: .2s;}
.journey.is-ready[data-pointer="target"] .sd-result::before, .journey.is-ready[data-pointer="press"] .sd-result::before{opacity: 1;}
.journey.is-ready[data-pointer="press"] .sd-click{opacity: .2; transform: translate(-50%,-50%) scale(1.2);}
.journey.is-ready[data-pointer="target"] .sd-result-title{text-decoration: underline; text-underline-offset: 3px;}
.journey.is-running .sd-agent-dots i{animation: sd-dot 1.3s ease-in-out infinite;}
.journey.is-running .sd-agent-dots i:nth-child(2){animation-delay: .15s;}
.journey.is-running .sd-agent-dots i:nth-child(3){animation-delay: .3s;}
.journey.is-running .sd-query-text::after, .journey.is-running .sd-agent-prompt::after, .journey.is-running .sd-agent-message::after, .journey.is-running .journey-input.is-active > span::after{animation: sd-caret 1s steps(1) infinite;}
.journey-history{--journey-history-height: 256px;}
.journey-history .sd-browser{-webkit-mask-image: linear-gradient(#000 97%, transparent 100%); mask-image: linear-gradient(#000 97%, transparent 100%);}
.journey-history-stage{position: relative; height: var(--journey-history-height); overflow: hidden;}
.journey-history-stage::before{position: absolute; z-index: 1; inset: 0 0 auto; height: 18px; background: linear-gradient(#fff, rgba(255,255,255,0)); content: ""; opacity: 0; pointer-events: none; transition: opacity .5s ease;}
.journey-history[data-has-history="true"] .journey-history-stage::before{opacity: 1;}
.journey-history-thread{--journey-history-end: var(--sd-message-height); position: relative; display: flex; flex-direction: column; gap: calc(var(--sd-response-offset) - var(--sd-message-height)); transform: translate3d(0, min(0px, calc(var(--journey-history-height) - var(--journey-history-end))), 0); transition: transform 1.1s var(--sd-ease);}
.journey-history-row{display: flex; min-height: var(--sd-message-height); flex: none; gap: 8px; align-items: flex-start; opacity: 0; transform: translateY(6px); transition: opacity .45s ease, transform .65s var(--sd-ease);}
.journey-history-row--greeting, .journey-history-row[data-ready="true"]{opacity: 1; transform: none;}
.journey-history-row--user{justify-content: flex-end;}
.journey-history .sd-agent-user{position: static; opacity: 1; transform: none;}
.journey-history-row[data-thinking="true"] .sd-agent-dots{display: flex;}
.journey-history-row[data-thinking="true"] .sd-agent-message{display: none;}
.journey-history-row[data-speaking="true"] .sd-agent-message::after{display: inline-block; width: 1px; height: .95em; margin-left: 2px; background: #635bff; content: ""; vertical-align: -.1em;}
.journey-lead{height: 640px; --journey-lead-height: 326px; --journey-scroll: 0px; --journey-form-height: 146px; --journey-thanks-height: 146px;}
.journey-lead .sd-browser{-webkit-mask-image: linear-gradient(#000 97%, transparent 100%); mask-image: linear-gradient(#000 97%, transparent 100%);}
.journey-lead .sd-article-header{display: none;}
.journey-lead .sd-article-content{padding-top: 22px;}
.journey-lead-stage{height: var(--journey-lead-height); overflow: hidden;}
.journey-lead-thread{display: flex; flex-direction: column;}
.journey-lead-row{display: flex; min-height: var(--sd-message-height); flex: none; align-items: flex-start; gap: 8px;}
.journey-lead-row--user, .journey-lead-row--answer{margin-bottom: 8px; opacity: 0; transform: translateY(8px); transition: opacity .45s ease, transform .7s var(--sd-ease);}
.journey-lead[data-question-ready="true"] .journey-lead-row--user, .journey-lead[data-reply-ready="true"] .journey-lead-row--answer{opacity: 1; transform: none;}
.journey-lead-row--user, .journey-lead-row--submitted{justify-content: flex-end;}
.journey-lead .sd-agent-user{position: static; opacity: 1; transform: none;}
.journey-lead-row--submitted{height: 0; min-height: 0; margin-bottom: 0; overflow: hidden; opacity: 0; transform: translateY(8px); transition: height .65s var(--sd-ease), margin .65s var(--sd-ease), opacity .55s ease, transform .8s var(--sd-ease);}
.journey-lead[data-data-sent="true"] .journey-lead-row--submitted{height: var(--sd-message-height); margin-bottom: 8px; opacity: 1; transform: none;}
.journey-lead .journey-sent-data{max-width: 100%; align-items: center; font-size: clamp(9px, 3.15cqi, 12px); white-space: nowrap;}
.journey-lead-form{position: relative; height: 0; margin-bottom: 0; overflow: hidden; border-radius: 16px; background: #f5f5f7; opacity: 0; transform: translateY(8px); transition: height .6s var(--sd-ease), margin .6s var(--sd-ease), opacity .5s ease, transform .7s var(--sd-ease);}
.journey-lead[data-lead-phase="form"] .journey-lead-form{height: var(--journey-form-height); margin-bottom: 8px; opacity: 1; transform: none;}
.journey-lead-form-body{height: var(--journey-form-height); padding: 12px;}
.journey-lead-form-body > strong{display: block; margin-bottom: 10px; font-size: 13px; line-height: 16px;}
.journey-lead .journey-fields{grid-template-columns: 1.05fr 1fr;}
.journey-thanks{position: relative; height: 0; flex: none; overflow: hidden; border-radius: 16px; background: #fff; color: #1d1d1f; box-shadow: inset 0 0 0 2px #635bff; text-align: center; opacity: 0; transform: translateY(8px); transition: height .7s var(--sd-ease), opacity .6s ease, transform .8s var(--sd-ease);}
.journey-lead[data-lead-phase="done"] .journey-thanks{height: var(--journey-thanks-height); opacity: 1; transform: none;}
.journey-thanks-content{position: relative; display: flex; height: var(--journey-thanks-height); flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 12px;}
.journey-thanks-content > strong{font-size: 14px; line-height: 18px; letter-spacing: -.02em;}
.journey-thanks-content > span:last-child{color: #1d1d1f; font-size: 11px; line-height: 1.45;}
.journey-thanks-check{display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #f2f0ff; color: #635bff; transform: scale(.8); transition: transform .8s var(--sd-ease) .1s;}
.journey-thanks-check path{stroke-dasharray: 20; stroke-dashoffset: 20; transition: stroke-dashoffset .8s var(--sd-ease) .25s;}
.journey-lead[data-lead-phase="done"] .journey-thanks-check{transform: scale(1);}
.journey-lead[data-lead-phase="done"] .journey-thanks-check path{stroke-dashoffset: 0;}
.journey-confetti{position: absolute; z-index: 1; inset: 0; pointer-events: none;}
.journey-confetti i{position: absolute; top: 40px; left: 50%; width: 4px; height: 7px; border-radius: 1px; background: #45a876; opacity: 0;}
.journey-confetti i:nth-child(1){--x: -120px; --y: 42px; --turn: -150deg;}
.journey-confetti i:nth-child(2){--x: -94px; --y: -18px; --turn: 160deg; background: #8c7bdf;}
.journey-confetti i:nth-child(3){--x: -70px; --y: 70px; --turn: 200deg; background: #dab45c;}
.journey-confetti i:nth-child(4){--x: -44px; --y: -28px; --turn: -120deg; background: #62b3be;}
.journey-confetti i:nth-child(5){--x: -104px; --y: 90px; --turn: 240deg;}
.journey-confetti i:nth-child(6){--x: 120px; --y: 42px; --turn: 150deg; background: #8c7bdf;}
.journey-confetti i:nth-child(7){--x: 94px; --y: -18px; --turn: -160deg;}
.journey-confetti i:nth-child(8){--x: 70px; --y: 70px; --turn: -200deg; background: #62b3be;}
.journey-confetti i:nth-child(9){--x: 44px; --y: -28px; --turn: 120deg; background: #dab45c;}
.journey-confetti i:nth-child(10){--x: 104px; --y: 90px; --turn: -240deg;}
.journey-lead[data-lead-phase="done"] .journey-confetti i{animation: journey-confetti-pop 1.8s cubic-bezier(.15,.7,.25,1) both; animation-play-state: var(--sd-play);}
@keyframes journey-confetti-pop {
  0% { opacity: 0; transform: translate(0, 12px) rotate(0) scale(.3); }
  15%, 45% { opacity: .9; }
  100% { opacity: 0; transform: translate(var(--x), var(--y)) rotate(var(--turn)) scale(.85); }
}
.journey[data-resetting="true"] *, .journey[data-resetting="true"] *::before, .insight[data-resetting="true"] *, .insight[data-resetting="true"] *::before{transition: none !important;}
.insight{--sd-message-height: 40px; --sd-response-offset: 48px;}
.insight .sd-agent{margin: 12px 0 0;}
.insight .sd-agent-label{line-height: 12px;}
.insight .sd-agent-user{position: static; max-width: 90%; opacity: 1; transform: none;}
.insight .sd-agent-bubble, .insight .sd-agent-user, .insight .sd-agent-prompt{font-size: 11.5px;}
.insight .sd-agent-bubble{padding-block: 3px;}
.insight .sd-agent-send{width: 28px; height: 28px;}
.insight.is-running .sd-agent-dots i{animation: sd-dot 1.3s ease-in-out infinite;}
.insight.is-running .sd-agent-dots i:nth-child(2){animation-delay: .15s;}
.insight.is-running .sd-agent-dots i:nth-child(3){animation-delay: .3s;}
.insight.is-running .sd-agent-prompt::after, .insight.is-running .sd-agent-message::after{animation: sd-caret 1s steps(1) infinite;}
@media (max-width:850px) {
  .journey{height: 380px; --journey-scroll: -100px; --journey-contact-scroll: -145px;}
  .journey .sd-browser{top: 24px;}
  .journey[data-chapter="1"] .sd-agent-stage{height: 200px;}
  .journey-history{--journey-history-height: 200px;}
  .journey-lead{height: 620px; --journey-lead-height: 314px; --journey-scroll: 0px; --journey-form-height: 138px; --journey-thanks-height: 138px;}
  .journey-lead-form-body{padding-block: 10px;}
  .journey-lead-form-body > strong{margin-bottom: 8px; font-size: 12px;}
}
@media (max-width:620px) {
  .journey{height: 330px; --journey-scroll: -115px; --journey-contact-scroll: -162px;}
  .journey .sd-browser{inset: 16px 16px 0;}
  .journey .sd-agent-bubble{font-size: 11.5px;}
  .journey[data-chapter="1"] .sd-agent-stage{height: 176px;}
  .journey-history{--journey-history-height: 176px;}
  .journey-lead{height: 580px; --journey-lead-height: 306px; --journey-scroll: 0px;}
  .journey-contact-form > strong{font-size: 12px;}
  .insight{--sd-message-height: 38px; --sd-response-offset: 44px;}
  .insight .sd-agent{margin-top: 10px;}
  .insight .sd-agent-label{margin-bottom: 6px;}
  .insight .sd-agent-bubble, .insight .sd-agent-user, .insight .sd-agent-prompt{font-size: 11px;}
}
@media (prefers-reduced-motion:reduce) {
  .journey *, .journey *::before, .journey *::after, .insight *, .insight *::before, .insight *::after{animation: none !important; transition: none !important;}
  .journey[data-conversation="reply"] .sd-agent-response{transform: translateY(var(--sd-response-offset)) !important;}
  .journey[data-contact="form"] .sd-agent-response, .journey[data-contact="done"] .sd-agent-response{transform: none !important;}
}
.simple-problem-card--static{min-height: 0; padding-block: 44px;}
.simple-problem-card--static p{margin-bottom: 40px;}
.simple-problem-media--static{height: 284px; flex-basis: 284px; margin-top: auto;}
.problem-static, .problem-static *{box-sizing: border-box;}
.problem-static{width: 100%; height: 100%; margin: 0; padding: 0 28px; font-family: inherit;}
.problem-static-panel{height: 100%; padding: 24px; border-radius: 20px 20px 0 0; background: #fff;}
.problem-static--sources, .problem-static--readers{padding: 0 46px;}
.problem-sources-panel{--problem-blog-gap: 20px; display: grid; grid-template-rows: 48px minmax(48px, 1fr) auto; padding: 0; border-radius: 0; background: transparent;}
.problem-readers-panel{display: grid; grid-template-rows: auto minmax(40px, 1fr) auto; padding: 0; border-radius: 0; background: transparent;}
.problem-static-query{display: flex; height: 48px; flex: none; align-items: center; gap: 11px; padding: 0 16px; border-radius: 999px; background: #f5f5f7; color: #1d1d1f;}
.problem-static-query .sd-search-icon{width: 12px; height: 12px;}
.problem-static-query > span{overflow: hidden; font-size: 13px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap;}
.problem-sources-panel .problem-static-query{background: #fff;}
.problem-source-fork{position: relative;}
.problem-source-fork::before{position: absolute; top: 0; left: calc(50% - .75px); width: 1.5px; height: 50%; background: #E4E4E7; content: "";}
.problem-source-fork::after{position: absolute; top: calc(50% - .75px); right: calc((100% - var(--problem-blog-gap) - var(--problem-blog-gap)) / 6 - .75px); bottom: 0; left: calc((100% - var(--problem-blog-gap) - var(--problem-blog-gap)) / 6 - .75px); border: 1.5px solid #E4E4E7; border-bottom: 0; border-radius: 8px 8px 0 0; content: "";}
.problem-source-fork > i{position: absolute; top: 50%; bottom: 0; width: 1.5px; background: #E4E4E7;}
.problem-source-fork > i:nth-child(1), .problem-source-fork > i:nth-child(3){display: none;}
.problem-source-fork > i:nth-child(2){left: calc(50% - .75px);}
.problem-blog-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--problem-blog-gap);}
.problem-blog-card{min-width: 0; min-height: 134px; padding: 18px 12px; border: 0; border-radius: 12px; background: #fff;}
.problem-blog-card > strong{display: block; color: #1d1d1f; font-size: 13px; font-weight: 600; letter-spacing: -.025em; line-height: 1.4;}
.problem-blog-lines{display: grid; gap: 5px; margin-top: 12px;}
.problem-blog-lines > i{height: 4px; border-radius: 999px; background: #ececf0;}
.problem-blog-lines > i:last-child{width: 72%;}
.problem-blog-agent{display: flex; height: 22px; align-items: center; margin-top: 10px; padding: 0 6px; border-radius: 6px; background: #f5f5f7;}
.problem-blog-agent .problem-static-orbit{width: 11px; height: 11px;}
.problem-blog-lines--after{margin-top: 10px;}
.problem-blog-lines--after > i:last-child{width: 85%;}
.problem-reader-grid{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));}
.problem-reader{display: flex; min-width: 0; flex-direction: column; align-items: center;}
.problem-reader--more{padding-top: 6px; opacity: .45;}
.problem-reader-avatar{display: block; width: 38px; height: 38px; flex: none; border-radius: 50%; box-shadow: 0 0 0 3px #fff;}
.problem-reader-avatar--more{width: 26px; height: 26px; background: #E4E4E7; box-shadow: none;}
.problem-reader-avatar--woman{background: #eeece6 url("../images/blog/_zdjecia/home-office-kobieta-m.jpg") 68% 6% / 440% auto no-repeat;}
.problem-reader-avatar--man{background: #eeece6 url("../images/blog/_zdjecia/home-office-mezczyzna-m.jpg") 45% 15% / 400% auto no-repeat;}
.problem-reader-avatar--cafe{background: #eeece6 url("../images/blog/_zdjecia/kawiarnia-telefon-m.jpg") 35% 12% / 440% auto no-repeat;}
.problem-reader-lines{display: grid; width: calc(100% - 12px); max-width: 64px; gap: 5px; margin-top: 12px;}
.problem-reader-lines > i{height: 4px; border-radius: 999px; background: #E4E4E7;}
.problem-reader-lines > i:last-child{width: 72%;}
.problem-reader-connect{position: relative;}
.problem-reader-connect::before{position: absolute; top: 0; left: calc(50% - .75px); width: 1.5px; height: 20px; background: #E4E4E7; content: "";}
.problem-reader-connect::after{position: absolute; top: calc(20px - .75px); right: calc(10% - .75px); bottom: -6px; left: calc(10% - .75px); border: 1.5px solid #E4E4E7; border-bottom: 0; border-radius: 8px 8px 0 0; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .45), #000 25%, #000 75%, rgba(0, 0, 0, .45)); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .45), #000 25%, #000 75%, rgba(0, 0, 0, .45)); content: "";}
.problem-reader-connect > i{position: absolute; top: 20px; bottom: 0; width: 1.5px; background: #E4E4E7;}
.problem-reader-connect > i:nth-child(1), .problem-reader-connect > i:nth-child(5){display: none;}
.problem-reader-connect > i:nth-child(2){left: calc(30% - .75px);}
.problem-reader-connect > i:nth-child(3){left: calc(50% - .75px);}
.problem-reader-connect > i:nth-child(4){left: calc(70% - .75px);}
.problem-static-chat{padding: 14px; border: 0; border-radius: 12px; background: #fff;}
.problem-static-user{width: fit-content; max-width: 90%; margin-left: auto; padding: 8px 11px; border-radius: 12px 12px 4px 12px; background: #1d1d1f; color: #fff; font-size: 11.5px; line-height: 1.4;}
.problem-static-answer{display: flex; align-items: flex-start; gap: 8px; margin-top: 10px;}
.problem-static-answer .sd-agent-avatar{width: 26px; height: 26px; margin-top: 8px;}
.problem-static-answer > span:last-child{display: flex; min-height: 44px; flex: 1; align-items: center; padding: 8px 10px; border-radius: 12px; background: #f5f5f7; color: #3a3a44; font-size: 11.5px; line-height: 1.4;}
.problem-static-composer{display: flex; height: 40px; align-items: center; gap: 9px; margin-top: 12px; padding: 5px 5px 5px 12px; border-radius: 13px; background: #f5f5f7;}
.problem-static-orbit{display: block; width: 18px; height: 18px; flex: none; border-radius: 50%; background: conic-gradient(#168dff, #a45cff, #eb418e, #ff6b0a, #ffd000, #00cfe9, #168dff); -webkit-mask-image: radial-gradient(farthest-side, transparent 52%, #000 56%); mask-image: radial-gradient(farthest-side, transparent 52%, #000 56%);}
.problem-static-placeholder{min-width: 0; flex: 1; overflow: hidden; color: #86868b; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap;}
.problem-static-send{display: grid; width: 30px; height: 30px; flex: none; place-items: center; border-radius: 50%; background: #1d1d1f;}
@media (max-width: 620px) {
  .simple-problem-card--static{padding-block: 30px;}
  .simple-problem-card--static p{margin-bottom: 30px;}
  .simple-problem-media--static{height: 304px; flex-basis: 304px;}
  .problem-static{padding-inline: 16px;}
  .problem-static-panel{padding: 18px 16px;}
  .problem-static--sources, .problem-static--readers{padding: 0 28px;}
  .problem-sources-panel, .problem-readers-panel{padding: 0;}
  .problem-sources-panel{--problem-blog-gap: 14px;}
  .problem-static-query{gap: 9px; padding-inline: 13px;}
  .problem-static-query > span{font-size: 12px;}
  .problem-blog-card{min-height: 148px; padding: 14px 8px;}
  .problem-blog-card > strong{font-size: 11px;}
  .problem-reader-avatar{width: 34px; height: 34px;}
  .problem-reader-avatar--more{width: 22px; height: 22px;}
  .problem-static-chat{padding: 10px;}
}