/* Product setup journey: shared by the desktop and H5 product pages. */
.tg-content-page .tc-journey{background:#111315;color:#f2efe8;overflow:hidden}
.tc-journey [hidden]{display:none!important}
.tc-journey-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}
.tg-content-page .tc-journey-heading h2{margin:17px 0 0;font-size:clamp(35px,4vw,56px);font-weight:600;line-height:1.22;letter-spacing:-1.8px;color:#f2efe8}
.tc-journey-heading>p{max-width:330px;margin:0;color:#99a18f;font-size:12px;line-height:1.9}
.tc-journey-console{border:1px solid #f2efe829;border-radius:9px;overflow:hidden;background:#181c19}
.tc-journey-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #f2efe829}
.tc-journey-tabs>button{position:relative;display:flex;align-items:center;gap:19px;min-width:0;min-height:98px;margin:0;padding:22px 27px;border:0;border-right:1px solid #f2efe829;border-radius:0;background:#ffffff03;color:#a0a997;font:inherit;text-align:left;cursor:pointer;transition:background .25s,color .25s}
.tc-journey-tabs>button:last-child{border-right:0}
.tc-journey-tabs>button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#d8f879;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.tc-journey-tabs>button:hover{background:#d8f8790b;color:#f2efe8}
.tc-journey-tabs>button[aria-selected=true]{background:#d8f87910;color:#f2efe8}
.tc-journey-tabs>button[aria-selected=true]:after{transform:scaleX(1)}
.tc-journey-number{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid #f2efe82b;border-radius:50%;font-size:11px;font-weight:500;letter-spacing:1px;transition:background .25s,color .25s,border-color .25s}
.tc-journey-tabs>button[aria-selected=true] .tc-journey-number{background:#d8f879;border-color:#d8f879;color:#111315}
.tc-journey-tab-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.tc-journey-tab-copy strong{font-size:16px;font-weight:550;line-height:1.5}
.tc-journey-tab-copy small{font-size:7px;line-height:1.6;letter-spacing:1.2px;color:#939e84}
.tc-journey-tab-arrow{font-size:20px;color:#d8f879;opacity:0;translate:-4px 4px;transition:opacity .25s,translate .25s}
.tc-journey-tabs>button[aria-selected=true] .tc-journey-tab-arrow{opacity:1;translate:0 0}
.tc-journey-tabs>button:focus-visible,.tc-journey-panel:focus-visible,.tc-journey-footer a:focus-visible{outline:2px solid #d8f879;outline-offset:-5px}
.tc-journey-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:43px 45px}
.tc-journey-panels{min-width:0}
.tc-journey-label{margin:0 0 17px;color:#aabd88;font-size:9px;line-height:1.5;letter-spacing:2px}
.tg-content-page .tc-journey-panel h3{margin:0 0 18px;font-size:clamp(27px,2.8vw,39px);font-weight:550;line-height:1.3;letter-spacing:-1px;color:#f2efe8}
.tc-journey-panel>p:not(.tc-journey-label){max-width:390px;margin:0;color:#aeb8a1;font-size:13px;line-height:2}
.tc-journey-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tc-journey-tags>span{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #a8bc8533;border-radius:3px;color:#b6c99a;font-size:10px;line-height:1.6}
.tc-journey-tags>span:before{content:"";width:3px;height:3px;border-radius:50%;background:#d8f879}
.tc-journey-visual{position:relative;min-width:0;margin:0;border:1px solid #e5ebdc22;border-radius:5px;overflow:hidden;background:radial-gradient(ellipse at 52% 48%,#d8f8790c,transparent 63%),linear-gradient(#d8f87904 1px,transparent 1px),linear-gradient(90deg,#d8f87904 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}
.tc-journey-visual-top,.tc-journey-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;font-size:7px;line-height:1.7;letter-spacing:1.3px;color:#8d9b80}
.tc-journey-visual-top>span:last-child{color:#d8f879}
.tc-journey-art{display:block;width:100%;height:auto;aspect-ratio:480/300;overflow:visible}
.tc-journey-art path,.tc-journey-art rect,.tc-journey-art circle{vector-effect:non-scaling-stroke}
.tc-journey-object{fill:#252d24;stroke:#d3e2b2;stroke-width:1.4;stroke-linejoin:round}
.tc-journey-detail{fill:none;stroke:#7d8f6a;stroke-width:1;stroke-linejoin:round;stroke-linecap:round}
.tc-journey-path,.tc-journey-adjust,.tc-journey-signal{fill:none;stroke:#d8f879;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.tc-journey-path{stroke-dasharray:5 5}
.tc-journey-node{fill:#d8f879;stroke:#d8f87944;stroke-width:8}
.tc-journey-cross{fill:none;stroke:#a4b78c;stroke-width:1;opacity:.5}
.tc-journey-scan{fill:none;stroke:#d8f879;stroke-width:1;opacity:0;animation:tcJourneyScan 8s ease-in-out infinite;pointer-events:none}
.tc-journey-visual figcaption{border-top:1px solid #e5ebdc15;font-size:8px;letter-spacing:0;color:#7f8d72}
.tc-journey-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:17px 27px;border-top:1px solid #f2efe822;background:#ffffff02}
.tc-journey-status{display:inline-flex;align-items:center;gap:9px;font-size:10px;color:#a1ad92;line-height:1.8}
.tc-journey-status i{width:5px;height:5px;border-radius:50%;background:#d8f879;box-shadow:0 0 10px #d8f87933}
.tc-journey-footer>div{display:flex;flex-wrap:wrap;gap:24px}
.tc-journey-footer a{display:inline-flex;align-items:center;gap:15px;padding:2px 0;color:#c5d3b3;font-size:11px;line-height:1.8;text-decoration:none;border-bottom:1px solid #9aad7b55;transition:color .2s,border-color .2s}
.tc-journey-footer a:hover{color:#d8f879;border-color:#d8f879}
.tc-journey-footer a>span{font-size:15px;color:#d8f879}
.tc-journey-console.is-changing .tc-journey-panel:not([hidden]),.tc-journey-console.is-changing .tc-journey-visual-layer:not([hidden]){animation:tcJourneyEnter .42s cubic-bezier(.2,.65,.2,1) both}
.tc-journey-console.is-changing .tc-journey-path{animation:tcJourneyConnect .7s ease-out both}
@keyframes tcJourneyScan{0%,13%{opacity:0;transform:translateY(0)}18%{opacity:.22}49%{opacity:.12}55%,100%{opacity:0;transform:translateY(230px)}}
@keyframes tcJourneyEnter{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes tcJourneyConnect{from{stroke-dashoffset:45;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:1100px){.tc-journey-tabs>button{gap:12px;padding:21px 19px}.tc-journey-tab-copy strong{font-size:14px}.tc-journey-tab-copy small{font-size:6px;letter-spacing:.8px}.tc-journey-body{gap:28px;padding:33px 28px}.tc-journey-footer{padding-inline:22px}}
@media(max-width:760px){.tc-journey-heading{display:block;margin-bottom:27px}.tc-journey-heading>p{margin-top:22px}.tc-journey-tabs{grid-template-columns:1fr}.tc-journey-tabs>button{min-height:77px;border-right:0;border-bottom:1px solid #f2efe81c;padding:17px 22px;gap:17px}.tc-journey-tabs>button:last-child{border-bottom:0}.tc-journey-tabs>button:after{right:auto;top:0;bottom:0;width:2px;height:auto;transform:scaleY(0);transform-origin:top}.tc-journey-tabs>button[aria-selected=true]:after{transform:scaleY(1)}.tc-journey-tab-copy strong{font-size:15px}.tc-journey-tab-copy small{font-size:7px;letter-spacing:1px}.tc-journey-body{grid-template-columns:1fr;gap:29px;padding:29px 24px}.tc-journey-panel>p:not(.tc-journey-label){max-width:none;font-size:12px}.tc-journey-tags{margin-top:20px}.tc-journey-visual{width:100%}.tc-journey-footer{align-items:flex-start;flex-direction:column;gap:13px;padding:17px 23px}.tc-journey-footer>div{gap:22px}.tc-journey-footer a{font-size:10px}}
@media(max-width:380px){.tc-journey-body{padding:26px 18px}.tc-journey-tabs>button{padding-inline:18px}.tc-journey-visual-top,.tc-journey-visual figcaption{padding-inline:12px}.tc-journey-visual-top{font-size:6px}.tc-journey-footer{padding-inline:18px}.tc-journey-footer>div{gap:17px}.tc-journey-heading>p{font-size:11px}}
.tc-journey-console[data-motion=off] *,.tc-journey-console[data-motion=off] *:after,html[data-effects=off] .tc-journey-console *,html[data-effects=off] .tc-journey-console *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.tc-journey-console *,.tc-journey-console *:after{animation:none!important;transition:none!important}}
