.home-locked {
  --hl-ink: #101116;
  --hl-muted: #6d707b;
  --hl-line: #e9eaf0;
  --hl-violet: #8f80ff;
  --hl-blue: #6e9cff;
  --hl-cyan: #52cbe1;
  --hl-mint: #55d4ae;
  --hl-pink: #f58acb;
  --hl-coral: #ff7162;
  background-color: #fff !important;
  background-image: none !important;
  color: var(--hl-ink);
}

.home-locked::before,
.home-locked::after { display: none !important; }
.home-locked main { overflow: hidden; background: #fff !important; }
.home-locked .global-sign-in { display: none; }
.home-locked .global-header { background: rgba(255,255,255,.88); border-bottom-color: rgba(229,230,236,.72); }
.home-locked .global-header-inner { max-width: 1180px; }
.home-locked .global-nav a:not(.global-demo):not(.global-start) { color: #31333a; }
.home-locked .global-demo,
.home-locked .global-start { color: #fff; }

.hl-shell { width: min(1060px, calc(100% - 48px)); margin: 0 auto; }
.hl-shell-wide { width: min(1180px, calc(100% - 32px)); }
.hl-section { position: relative; padding: 72px 0; }
.hl-heading { margin: 0 auto 34px; text-align: center; }
.hl-heading h2 { margin: 12px 0 0; font-size: clamp(30px, 3vw, 43px); line-height: 1.12; letter-spacing: -.045em; }
.hl-kicker,
.hl-pill,
.hl-dark-kicker {
  display: inline-flex; align-items: center; gap: 7px; border-radius: 999px;
  font-size: 11px; font-weight: 700; letter-spacing: .01em;
}
.hl-kicker { color: #747783; background: #f7f7fa; border: 1px solid #eff0f4; padding: 7px 11px; }
.hl-kicker i,
.hl-pill i { width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, #67a1ff, #a67dff); box-shadow: 0 0 0 4px rgba(125,142,255,.08); }
.hl-pill { color: #716c8d; background: #f7f6fc; border: 1px solid #eeebf8; padding: 8px 12px; }

.hl-hero { min-height: 520px; display: grid; place-items: center; padding: 112px 0 74px; }
.hl-hero-inner { text-align: center; }
.hl-hero h1 { max-width: 820px; margin: 20px auto 0; font-size: clamp(48px, 6.4vw, 79px); line-height: .99; letter-spacing: -.065em; font-weight: 680; }
.hl-rotating-line {
  display: inline-block;
  min-width: 0;
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
  will-change: opacity, transform, filter;
  transition: opacity .42s ease, transform .48s cubic-bezier(.22,.72,.2,1), filter .42s ease;
}
.hl-rotating-line.is-changing {
  opacity: 0;
  transform: translateY(12px);
  filter: blur(5px);
}
.hl-hero p { margin: 22px auto 0; color: var(--hl-muted); font-size: 17px; }
.hl-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 52px; margin-top: 28px; padding: 0 24px; border-radius: 11px; font-size: 14px; font-weight: 700; transition: transform .25s ease, box-shadow .25s ease; }
.hl-button:hover { transform: translateY(-2px); }
.hl-button-dark { color: #fff; background: linear-gradient(180deg,#202127,#0c0d11); box-shadow: 0 9px 24px rgba(13,14,20,.18), inset 0 1px rgba(255,255,255,.1); }
.hl-button-light { color: #111218; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.28), 0 0 25px rgba(139,113,255,.16); }
.hl-hero-actions { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 28px; }
.hl-hero-actions .hl-button { min-width: 184px; margin-top: 0; border: 1px solid transparent; cursor: pointer; }
.hl-button-secondary { color: #15161b; border-color: #dfe1e8!important; background: rgba(255,255,255,.97); box-shadow: 0 10px 25px rgba(13,14,20,.12), -11px 9px 24px rgba(32,181,255,.23), 11px 9px 25px rgba(255,61,153,.22), inset 0 1px #fff; }
.hl-button-secondary:hover { border-color: #cfd2dc!important; box-shadow: 0 14px 31px rgba(13,14,20,.14), -13px 11px 28px rgba(32,181,255,.28), 13px 11px 29px rgba(255,61,153,.27), inset 0 1px #fff; }

.hl-frontdesk { padding-top: 42px; padding-bottom: 96px; }
.hl-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.hl-feature-card { min-height: 222px; padding: 30px; border: 1px solid var(--hl-line); border-radius: 18px; background: linear-gradient(180deg,#fff,#fefeff); box-shadow: 0 15px 45px rgba(32,37,58,.055); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.hl-feature-card:hover { transform: translateY(-5px); border-color: #dadce7; box-shadow: 0 22px 55px rgba(32,37,58,.09); }
.hl-feature-card h3 { margin: 23px 0 9px; font-size: 17px; letter-spacing: -.025em; }
.hl-feature-card p { margin: 0; color: var(--hl-muted); font-size: 13px; line-height: 1.72; }
.hl-icon { width: 51px; height: 51px; display: grid; place-items: center; border-radius: 50%; }
.hl-icon svg { width: 23px; height: 23px; fill: currentColor; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.hl-icon-violet { color: #8274f4; background: #f1efff; }
.hl-icon-blue { color: #6b91f1; background: #eef3ff; }
.hl-icon-pink { color: #b98cff; background: #f7efff; }
.hl-icon-cyan { color: #31b8d3; background: #ebfafd; }
.hl-icon-coral { color: var(--hl-coral); background: #fff0ee; }

.hl-journey-section { padding-top: 32px; padding-bottom: 86px; }
.hl-journey { position: relative; display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 10px; align-items: center; padding: 22px 0 32px; }
.hl-journey-track { position: absolute; left: 6%; right: 6%; top: 50%; height: 1px; background: #e8e9ef; z-index: 0; }
.hl-journey-track span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,#72c5ed,#9e8cff,#ee8dcd); transition: width 1.9s cubic-bezier(.22,.72,.2,1); }
.hl-journey.is-active .hl-journey-track span { width: 100%; }
.hl-journey-card,
.hl-journey-core { position: relative; z-index: 1; text-align: center; opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease, box-shadow .25s ease; }
.hl-journey.is-active > [data-step] { opacity: 1; transform: none; }
.hl-journey [data-step="1"] { transition-delay: .05s; }.hl-journey [data-step="2"] { transition-delay: .18s; }.hl-journey [data-step="3"] { transition-delay: .31s; }.hl-journey [data-step="4"] { transition-delay: .44s; }.hl-journey [data-step="5"] { transition-delay: .57s; }.hl-journey [data-step="6"] { transition-delay: .70s; }.hl-journey [data-step="7"] { transition-delay: .83s; }
.hl-journey-card { min-height: 192px; padding: 20px 13px; border: 1px solid #eaebf1; border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 10px 32px rgba(25,30,50,.055); }
.hl-journey-card:hover { box-shadow: 0 17px 38px rgba(25,30,50,.1); }
.hl-journey-card h3 { margin: 17px 0 7px; font-size: 12px; line-height: 1.25; letter-spacing: -.015em; }
.hl-journey-card p { margin: 0; color: #858792; font-size: 9.5px; line-height: 1.55; }
.hl-mini-icon { display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto; border-radius: 50%; }
.hl-mini-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hl-mini-icon.mint { color: #27b792; background: #eafaf5; }.hl-mini-icon.blue { color: #638fea; background: #eef3ff; }.hl-mini-icon.lavender { color: #8f7df5; background: #f1efff; }.hl-mini-icon.green { color: #3abf7c; background: #eaf9f1; }.hl-mini-icon.cyan { color: #2eb9c7; background: #eaf9fb; }.hl-mini-icon.orange { color: #ed9e3d; background: #fff5e9; }
.hl-bars { grid-template-columns: repeat(5,2px); gap: 2px; }
.hl-bars i { display: block; width: 2px; border-radius: 2px; background: currentColor; animation: hl-bar 1.1s ease-in-out infinite alternate; }
.hl-bars i:nth-child(1),.hl-bars i:nth-child(5){height:8px}.hl-bars i:nth-child(2),.hl-bars i:nth-child(4){height:16px}.hl-bars i:nth-child(3){height:22px}.hl-bars i:nth-child(2){animation-delay:-.5s}.hl-bars i:nth-child(4){animation-delay:-.2s}
@keyframes hl-bar { to { transform: scaleY(.55); } }
.hl-journey-core { min-height: 180px; display: flex; flex-direction: column; justify-content: center; }
.hl-core-orb { position: relative; display: grid; place-items: center; width: 84px; height: 84px; margin: 0 auto; border-radius: 50%; background: radial-gradient(circle at 38% 32%,#fff 0 10%,#f8efff 32%,#ecf3ff 58%,rgba(255,255,255,.1) 71%); box-shadow: 0 0 0 1px #f0eefa, 0 0 35px rgba(137,114,255,.25), 0 0 48px rgba(247,133,201,.15); }
.hl-core-orb .brand-mark { transform: scale(1.25); }
.hl-journey-core h3 { margin: 13px 0 0; font-size: 14px; }
.hl-journey-core p { margin: 3px 0 0; color: #92949d; font-size: 9px; }

.hl-transfer-section { padding-top: 14px; padding-bottom: 52px; }
.hl-transfer-panel { position: relative; min-height: 525px; overflow: hidden; border: 1px solid #22242d; border-radius: 24px; padding: 38px 42px 45px; color: #fff; background: radial-gradient(circle at 75% 15%,rgba(77,63,130,.17),transparent 32%), linear-gradient(145deg,#0c0d12,#11121a 56%,#0c0d12); box-shadow: 0 22px 55px rgba(13,14,20,.16); }
.hl-transfer-panel::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.1) .7px,transparent .7px); background-size:17px 17px; mask-image:linear-gradient(to bottom,transparent,black 45%,transparent); opacity:.24; pointer-events:none; }
.hl-transfer-heading { position: relative; z-index: 1; text-align: center; }
.hl-dark-kicker { padding: 7px 11px; color: #bbbcc5; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.04); }
.hl-transfer-heading h2,
.hl-cta-panel h2 { margin: 14px 0 0; font-size: clamp(29px,3vw,42px); line-height: 1.08; letter-spacing: -.045em; }
.hl-transfer-heading p,
.hl-cta-panel p { margin: 14px 0 0; color: #9da0aa; font-size: 13px; line-height: 1.65; }
.hl-transfer-flow { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr 32px 1.12fr 32px 1.05fr 1.05fr 1.1fr; align-items: center; gap: 9px; max-width: 1030px; min-height: 265px; margin: 33px auto 0; }
.hl-dark-card { min-width: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; padding: 17px; background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035)); box-shadow: 0 12px 24px rgba(0,0,0,.19); }
.hl-dark-card > span { display:block; font-size:11px; font-weight:700; line-height:1.3; }.hl-dark-card > strong { display:block; margin-top:4px; color:#bfc1c9; font-size:9px; }
.hl-wave { height: 33px; margin-top: 13px; display: flex; align-items: center; justify-content: center; gap: 2px; }
.hl-wave i { width:2px; border-radius:2px; background:#57d1a4; animation:hl-wave 1s ease-in-out infinite alternate; }
@keyframes hl-wave { to { transform:scaleY(.4); opacity:.55; } }
.hl-arrow { text-align:center; color:#747784; font-size:16px; }
.hl-handle-card ul { list-style:none; padding:0; margin:12px 0 0; }.hl-handle-card li { position:relative; margin:6px 0; padding-left:12px; color:#c2c3cb; font-size:8.5px; }.hl-handle-card li::before { content:""; position:absolute; left:0; top:4px; width:5px; height:5px; border-radius:50%; background:#5bd89b; box-shadow:0 0 9px #5bd89b; }
.hl-attention-card p { margin:11px 0 0; color:#aaaeb9; font-size:9px; line-height:1.7; }
.hl-route { align-self:center; display:flex; align-items:center; gap:7px; color:#b76fff; font-size:9px; font-weight:700; white-space:nowrap; }.hl-route i { flex:1; height:1px; min-width:20px; background:linear-gradient(90deg,#904cff,#cb77ff); box-shadow:0 0 8px #a15eff; }.hl-route i::after { content:""; display:block; width:5px; height:5px; border-top:1px solid #c878ff; border-right:1px solid #c878ff; transform:translateY(-2px) rotate(45deg); margin-left:auto; }
.hl-person-card > div { display:flex; align-items:center; gap:9px; margin-top:13px; }.hl-person-card b { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:#353844; font-size:10px; }.hl-person-card p { margin:0; }.hl-person-card strong,.hl-person-card small { display:block; font-size:8.5px; }.hl-person-card small { margin-top:3px; color:#8f929e; }.hl-person-card em { display:inline-flex; margin-top:12px; padding:5px 7px; color:#72d9a7; background:rgba(62,193,131,.12); border-radius:999px; font-size:7px; font-style:normal; }
.hl-fallback-card { position:absolute; width:240px; left:55%; bottom:-22px; transform:translateX(-50%); }.hl-fallback-card p { margin:10px 0; color:#aaaeba; font-size:8.5px; line-height:1.5; }.hl-fallback-card div { display:flex; gap:6px; }.hl-fallback-card i { display:grid; place-items:center; width:21px; height:21px; border:1px solid rgba(255,255,255,.12); border-radius:5px; color:#aaaeba; font-size:8px; font-style:normal; }

.hl-results { padding-top: 58px; padding-bottom: 76px; }
.hl-results .hl-feature-card { min-height: 230px; }
.hl-integrations { padding-top: 35px; padding-bottom: 75px; }
.hl-orbit { position: relative; width: 510px; height: 330px; margin: 2px auto 0; }
.hl-orbit-ring { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #e8eaf2; border-radius:50%; }
.hl-orbit-ring::after { content:""; position:absolute; width:5px; height:5px; border-radius:50%; background:#8c9cff; box-shadow:0 0 10px #8c9cff; }
.ring-one { width:190px; height:190px; }.ring-two { width:315px; height:230px; }.ring-three { width:440px; height:285px; }
.ring-one::after { top:19px; right:31px; background:#f08ac5; }.ring-two::after { bottom:26px; left:52px; background:#55d4ae; }.ring-three::after { top:55px; left:41px; }
.hl-orbit-core { position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:96px; height:96px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff,#f3efff 40%,#eaf3ff 70%); box-shadow:0 0 0 1px #ecedf5,0 0 42px rgba(121,130,255,.2); }
.hl-orbit-core .brand-mark { transform:scale(1.35); }
.hl-logo-chip { position:absolute; z-index:3; display:grid; place-items:center; width:57px; height:57px; border:1px solid #e7e9ef; border-radius:14px; background:#fff; box-shadow:0 12px 29px rgba(30,36,55,.09); animation:hl-float 4s ease-in-out infinite alternate; }
.hl-logo-chip img { max-width:30px; max-height:30px; }.logo-calendar { top:9px; left:227px; }.logo-hubspot { top:97px; left:65px; animation-delay:-.7s; }.logo-zapier { top:90px; right:62px; animation-delay:-1.3s; }.logo-servicetitan { bottom:29px; left:57px; animation-delay:-2s; }.logo-salesforce { right:53px; bottom:34px; animation-delay:-2.6s; }.logo-qb { bottom:3px; left:227px; color:#fff; background:#2dbd5b; border:7px solid #fff; border-radius:50%; font-size:14px; font-weight:800; }
@keyframes hl-float { to { transform:translateY(-5px); } }
.hl-integrations-link { display:block; width:max-content; margin:2px auto 0; color:#777a85; font-size:11px; font-weight:600; }

.hl-cta-wrap { padding: 18px 0 0; }
.hl-cta-panel { position:relative; overflow:hidden; min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:24px; color:#fff; text-align:center; background:radial-gradient(circle at 50% 130%,rgba(105,67,183,.22),transparent 42%),#0d0e14; box-shadow:0 18px 48px rgba(18,19,27,.15); }
.hl-cta-panel::before,.hl-cta-panel::after { content:""; position:absolute; width:145%; height:220px; left:50%; bottom:-170px; transform:translateX(-50%) rotate(-3deg); border-radius:50%; border-top:3px solid #5574ff; filter:drop-shadow(0 0 10px #506cff) drop-shadow(0 0 25px rgba(79,103,255,.7)); }
.hl-cta-panel::after { bottom:-185px; transform:translateX(-50%) rotate(4deg); border-top-color:#de6cff; filter:drop-shadow(0 0 10px #d761ff) drop-shadow(0 0 25px rgba(223,92,255,.65)); }
.hl-cta-panel > * { position:relative; z-index:2; }.hl-cta-panel .hl-button { margin-top:23px; min-width:154px; }

.home-locked .global-footer-host { background:#fff; }
.home-locked .global-footer { padding-top:58px; color:#18191f; background:#fff; }
.home-locked .global-footer .global-brand { color:#17181e; }
.home-locked .global-footer .brand-mark i { background:linear-gradient(90deg,#779aff,#b78eff); }
.home-locked .global-footer-brand p,
.home-locked .global-footer nav a,
.home-locked .global-footer .global-footer-bottom { color:#858792; }
.home-locked .global-footer nav b { color:#222329; }
.home-locked .global-footer-email { color:#34363e; }
.home-locked .global-footer nav a:hover { color:#17181e; }
.home-locked .global-footer .global-footer-bottom { border-top-color:#e9eaf0; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity:1; transform:none; }

@media (max-width: 1040px) {
  .hl-journey { grid-template-columns:repeat(4,1fr); gap:14px; }.hl-journey-track{display:none}.hl-journey-core{grid-column:4;grid-row:1}.hl-journey [data-step="5"]{grid-column:4;grid-row:2}.hl-journey [data-step="6"]{grid-column:3;grid-row:2}.hl-journey [data-step="7"]{grid-column:2;grid-row:2}.hl-journey-card{min-height:175px}
  .hl-transfer-panel { padding-inline:28px; }.hl-transfer-flow { grid-template-columns:1fr 22px 1fr 22px 1fr; }.hl-route{position:absolute;right:18%;top:52%;width:19%}.hl-person-card{grid-column:5;position:absolute;width:170px;left:100%;margin-left:12px}.hl-fallback-card{left:61%}
}

@media (max-width: 780px) {
  .hl-shell,.hl-shell-wide{width:min(100% - 28px,620px)}.hl-section{padding-block:58px}.hl-hero{min-height:475px;padding-top:108px}.hl-hero h1{font-size:clamp(43px,12vw,62px)}.hl-card-grid{grid-template-columns:1fr}.hl-feature-card{min-height:auto}.hl-heading h2{font-size:34px}
  .hl-journey{display:flex;overflow-x:auto;align-items:stretch;gap:12px;padding:15px 2px 24px;scroll-snap-type:x mandatory}.hl-journey-card,.hl-journey-core{min-width:178px;scroll-snap-align:center}.hl-journey-core{order:4}.hl-journey [data-step="5"]{order:5}.hl-journey [data-step="6"]{order:6}.hl-journey [data-step="7"]{order:7}
  .hl-transfer-panel{min-height:auto;padding:34px 20px 32px}.hl-transfer-heading p br{display:none}.hl-transfer-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.hl-arrow{display:none}.hl-dark-card{min-height:135px}.hl-attention-card{grid-column:1}.hl-person-card{position:static;width:auto;margin:0;grid-column:2}.hl-route{display:none}.hl-fallback-card{position:static;width:auto;transform:none;grid-column:1/-1}.hl-orbit{transform:scale(.82);margin-block:-28px}.hl-cta-panel{min-height:315px;padding:38px 20px}.hl-cta-panel p br{display:none}
}

@media (max-width: 540px) {
  .hl-hero{min-height:455px;padding-bottom:50px}.hl-hero h1{font-size:43px}.hl-hero p{font-size:15px}.hl-frontdesk{padding-top:28px}.hl-heading{margin-bottom:26px}.hl-heading h2{font-size:30px}.hl-feature-card{padding:25px}.hl-transfer-flow{grid-template-columns:1fr}.hl-attention-card,.hl-person-card,.hl-fallback-card{grid-column:1}.hl-orbit{left:50%;margin-left:-255px;transform:scale(.68);margin-block:-53px}.hl-cta-wrap .hl-shell{width:calc(100% - 20px)}.hl-cta-panel{border-radius:18px}.home-locked .global-footer{padding-top:44px}
}

@media (prefers-reduced-motion: reduce) {
  .hl-bars i,.hl-wave i,.hl-logo-chip{animation:none}.reveal,.hl-journey-card,.hl-journey-core{opacity:1;transform:none;transition:none}.hl-journey-track span{width:100%;transition:none}
}

/* Precision refinement pass */
.hl-hero {
  min-height: calc(100vh - 96px);
  min-height: calc(100svh - 96px);
  padding: clamp(62px, 9vh, 112px) 0;
}
.hl-hero h1 { margin-top: 0; }

.hl-icon {
  position: relative;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(118, 124, 153, .12);
  box-shadow: 0 10px 25px rgba(39, 46, 80, .09), inset 0 1px 0 rgba(255,255,255,.9);
}
.hl-icon::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  opacity: .42;
  box-shadow: 0 0 9px currentColor;
}
.hl-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
}
.hl-icon-violet { background: linear-gradient(145deg, #f7f5ff, #eeebff); }
.hl-icon-blue { background: linear-gradient(145deg, #f6f9ff, #eaf1ff); }
.hl-icon-pink { background: linear-gradient(145deg, #fcf7ff, #f5ebff); }
.hl-icon-cyan { background: linear-gradient(145deg, #f4fdff, #e6f8fc); }
.hl-icon-coral { background: linear-gradient(145deg, #fff8f6, #ffebe8); }

.hl-journey-section { padding-top: 42px; padding-bottom: 96px; }
.hl-journey {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
  padding: 20px 0 12px;
}
.hl-journey-track { display: none !important; }
.hl-journey-card {
  min-height: 214px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 23px 14px 20px;
  border-color: #e7e9f0;
  border-radius: 18px;
  background: linear-gradient(165deg, rgba(255,255,255,.99), rgba(249,250,253,.96));
  box-shadow: 0 12px 34px rgba(33, 39, 68, .065), inset 0 1px 0 #fff;
}
.hl-journey-card:hover {
  transform: translateY(-4px) !important;
  border-color: #dce0ea;
  box-shadow: 0 21px 44px rgba(33, 39, 68, .11), inset 0 1px 0 #fff;
}
.hl-journey-card h3 { max-width: 120px; margin: 19px auto 8px; font-size: 12.5px; line-height: 1.28; }
.hl-journey-card p { max-width: 120px; margin-inline: auto; font-size: 9.5px; line-height: 1.55; }
.hl-mini-icon {
  position: relative;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border: 1px solid rgba(118, 124, 153, .12);
  box-shadow: 0 10px 23px rgba(42, 48, 82, .09), inset 0 1px 0 rgba(255,255,255,.96);
}
.hl-mini-icon::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  opacity: .4;
  box-shadow: 0 0 7px currentColor;
}
.hl-mini-icon svg { width: 23px; height: 23px; stroke-width: 1.6; }
.hl-mini-icon.mint { background: linear-gradient(145deg, #f4fffb, #e4f8f1); }
.hl-mini-icon.blue { background: linear-gradient(145deg, #f7f9ff, #e8efff); }
.hl-mini-icon.lavender { background: linear-gradient(145deg, #faf8ff, #eeeaff); }
.hl-mini-icon.green { background: linear-gradient(145deg, #f4fff9, #e5f7ee); }
.hl-mini-icon.cyan { background: linear-gradient(145deg, #f3fdff, #e4f6f8); }
.hl-mini-icon.orange { background: linear-gradient(145deg, #fffaf3, #fff0df); }
.hl-bars { display: grid; grid-template-columns: repeat(5, 2px); }
.hl-bars::after { display: none; }
.hl-journey-core {
  min-height: 214px;
  align-items: center;
  padding-top: 21px;
}
.hl-core-orb {
  width: 96px;
  height: 96px;
  box-shadow: 0 0 0 1px #ececf5, 0 16px 40px rgba(91, 101, 172, .13), 0 0 42px rgba(137,114,255,.2), 0 0 56px rgba(247,133,201,.12);
}
.hl-journey-core h3 { margin-top: 15px; font-size: 15px; }
.hl-journey-core p { font-size: 9.5px; }

.hl-transfer-section { padding-top: 22px; padding-bottom: 66px; }
.hl-transfer-panel {
  min-height: 648px;
  padding: 47px 50px 52px;
  border-radius: 26px;
  background: radial-gradient(circle at 54% 63%, rgba(93, 66, 170, .12), transparent 29%), radial-gradient(circle at 88% 12%, rgba(73, 92, 170, .12), transparent 28%), linear-gradient(145deg, #0b0c11, #12131a 58%, #0b0c11);
  box-shadow: 0 28px 70px rgba(12, 14, 22, .19);
}
.hl-transfer-heading p { font-size: 13.5px; }
.hl-transfer-flow {
  display: grid;
  grid-template-columns: 180px 42px 210px 42px 190px minmax(82px, 1fr) 180px;
  grid-template-rows: 198px 116px;
  align-items: stretch;
  gap: 28px 10px;
  max-width: 1070px;
  min-height: 342px;
  margin: 42px auto 0;
}
.hl-dark-card {
  position: relative;
  min-height: 0;
  padding: 21px;
  border-color: rgba(255,255,255,.115);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
  box-shadow: 0 17px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.055);
}
.hl-dark-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255,255,255,.035), transparent 34%);
}
.hl-dark-card > span { position: relative; padding-left: 18px; font-size: 12px; }
.hl-dark-card > span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6c89ff;
  box-shadow: 0 0 0 4px rgba(108,137,255,.1), 0 0 10px rgba(108,137,255,.55);
}
.hl-dark-card > strong { margin-top: 7px; color: #969aa7; font-size: 9px; font-weight: 600; }
.hl-call-card { grid-column: 1; grid-row: 1; }
.hl-call-card > span::before { background: #53d3a3; box-shadow: 0 0 0 4px rgba(83,211,163,.1), 0 0 10px rgba(83,211,163,.55); }
.hl-call-card > small { display: flex; align-items: center; gap: 6px; margin-top: 11px; color: #838895; font-size: 8px; }
.hl-call-card > small i { width: 5px; height: 5px; border-radius: 50%; background: #53d3a3; box-shadow: 0 0 7px #53d3a3; }
.hl-wave { height: 47px; margin-top: 14px; justify-content: flex-start; gap: 3px; }
.hl-wave i { width: 2px; background: linear-gradient(#62ddae, #2da882); }
.hl-handle-card { grid-column: 3; grid-row: 1; }
.hl-handle-card ul { margin-top: 14px; }
.hl-handle-card li { margin: 7px 0; font-size: 9px; }
.hl-attention-card { grid-column: 5; grid-row: 1; }
.hl-attention-card > span::before { background: #ffba62; box-shadow: 0 0 0 4px rgba(255,186,98,.1), 0 0 10px rgba(255,186,98,.45); }
.hl-attention-card p { margin: 13px 0 10px; font-size: 9.5px; line-height: 1.7; }
.hl-attention-card em { display: inline-flex; padding: 5px 8px; border-radius: 999px; color: #ffc67d; background: rgba(255,174,71,.1); font-size: 7px; font-style: normal; }
.hl-transfer-flow > .hl-arrow { position: relative; align-self: center; width: 100%; height: 18px; font-size: 0; }
.hl-transfer-flow > .hl-arrow::before { content: ""; position: absolute; left: 0; right: 5px; top: 8px; height: 1px; background: repeating-linear-gradient(90deg, #5c606c 0 4px, transparent 4px 8px); }
.hl-transfer-flow > .hl-arrow::after { content: ""; position: absolute; right: 1px; top: 5px; width: 6px; height: 6px; border-top: 1px solid #777b88; border-right: 1px solid #777b88; transform: rotate(45deg); }
.hl-transfer-flow > .hl-arrow:first-of-type { grid-column: 2; grid-row: 1; }
.hl-transfer-flow > .hl-arrow:last-of-type { grid-column: 4; grid-row: 1; }
.hl-route { grid-column: 6; grid-row: 1; align-self: center; width: 100%; display: grid; gap: 9px; color: #c282ff; font-size: 8px; text-align: center; }
.hl-route i { width: 100%; min-width: 0; background: linear-gradient(90deg,#804dff,#d16cff); }
.hl-person-card { position: relative; grid-column: 7; grid-row: 1; width: auto; margin: 0; left: auto; }
.hl-person-card > span::before { background: #b56cff; box-shadow: 0 0 0 4px rgba(181,108,255,.1), 0 0 10px rgba(181,108,255,.5); }
.hl-person-card > div { margin-top: 18px; }
.hl-person-card b { width: 38px; height: 38px; background: linear-gradient(145deg,#454957,#2d303a); box-shadow: inset 0 1px rgba(255,255,255,.08); }
.hl-person-card strong { color: #f1f2f5; font-size: 9.5px; }
.hl-person-card em { margin-top: 17px; padding: 6px 9px; }
.hl-fallback-card {
  position: relative;
  grid-column: 5 / 7;
  grid-row: 2;
  align-self: stretch;
  justify-self: start;
  width: 265px;
  left: auto;
  bottom: auto;
  transform: none;
  padding: 18px 20px;
}
.hl-fallback-card::before { content: ""; position: absolute; left: 94px; top: -29px; height: 29px; border-left: 1px dashed #575b68; }
.hl-fallback-card > span::before { background: #ff7898; box-shadow: 0 0 0 4px rgba(255,120,152,.1), 0 0 10px rgba(255,120,152,.45); }
.hl-fallback-card p { margin: 9px 0 10px; font-size: 8.5px; }
.hl-fallback-card div { align-items: center; }
.hl-fallback-card i { width: auto; min-width: 23px; padding: 0 6px; }
.hl-fallback-card b { margin-left: auto; color: #6bd4a5; font-size: 7px; font-weight: 600; }

.hl-results .hl-icon { width: 62px; height: 62px; }
.hl-results .hl-icon svg { width: 27px; height: 27px; }

.hl-cta-panel {
  min-height: 390px;
  isolation: isolate;
  padding: 58px 28px 64px;
  background: radial-gradient(ellipse 44% 50% at 50% 104%, rgba(115,67,200,.25), transparent 72%), radial-gradient(circle at 12% 70%, rgba(48,78,198,.12), transparent 34%), radial-gradient(circle at 88% 68%, rgba(202,62,185,.12), transparent 34%), #0d0e14;
}
.hl-cta-panel::before { content: ""; position: absolute; inset: 0; width: auto; height: auto; left: 0; bottom: auto; transform: none; border: 0; border-radius: 0; background: radial-gradient(circle at 50% 105%, rgba(132,92,240,.16), transparent 43%); filter: none; }
.hl-cta-panel::after { display: none; }
.hl-planet-horizon { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.hl-planet-horizon i {
  position: absolute;
  left: 50%;
  top: -790px;
  width: 122%;
  height: 1080px;
  transform: translateX(-50%);
  border: 2px solid transparent;
  border-radius: 50%;
  background: linear-gradient(90deg, #3f6cff 4%, #7c62ff 40%, #d85dec 72%, #ff7fa7 96%) border-box;
  box-shadow: 0 0 17px rgba(97,89,255,.55), 0 0 42px rgba(107,72,230,.28), inset 0 0 24px rgba(184,77,238,.14);
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.hl-planet-horizon i:last-child { top: -783px; width: 123%; height: 1082px; opacity: .34; filter: blur(8px); }
.hl-cta-panel > span,
.hl-cta-panel > h2,
.hl-cta-panel > p,
.hl-cta-panel > a { z-index: 3; }

@media (max-width: 1100px) {
  .hl-journey { display: flex; overflow-x: auto; align-items: stretch; gap: 13px; padding: 18px 2px 26px; scroll-snap-type: x mandatory; }
  .hl-journey-card, .hl-journey-core { min-width: 178px; min-height: 210px; scroll-snap-align: center; }
  .hl-journey-core { order: 4; }
  .hl-journey [data-step="5"] { order: 5; }
  .hl-journey [data-step="6"] { order: 6; }
  .hl-journey [data-step="7"] { order: 7; }
  .hl-transfer-panel { min-height: 710px; padding-inline: 34px; }
  .hl-transfer-flow { grid-template-columns: repeat(3, 1fr); grid-template-rows: 198px 124px; gap: 20px; max-width: 760px; }
  .hl-call-card { grid-column: 1; grid-row: 1; }
  .hl-handle-card { grid-column: 2; grid-row: 1; }
  .hl-attention-card { grid-column: 3; grid-row: 1; }
  .hl-person-card { grid-column: 3; grid-row: 2; }
  .hl-fallback-card { grid-column: 2; grid-row: 2; width: 100%; }
  .hl-fallback-card::before { left: 50%; }
  .hl-transfer-flow > .hl-arrow, .hl-route { display: none; }
}

@media (max-width: 780px) {
  .hl-hero { min-height: calc(100vh - 82px); min-height: calc(100svh - 82px); padding: 56px 0; }
  .hl-transfer-panel { min-height: auto; padding: 38px 20px 34px; }
  .hl-transfer-flow { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; gap: 13px; max-width: 580px; }
  .hl-call-card, .hl-handle-card, .hl-attention-card, .hl-person-card, .hl-fallback-card { position: relative; width: auto; min-height: 160px; margin: 0; left: auto; grid-column: auto; grid-row: auto; }
  .hl-fallback-card { grid-column: 1 / -1; min-height: 116px; }
  .hl-fallback-card::before { display: none; }
  .hl-cta-panel { min-height: 360px; }
  .hl-planet-horizon i { top: -760px; width: 150%; }
  .hl-planet-horizon i:last-child { top: -753px; width: 151%; }
}

@media (max-width: 540px) {
  .hl-hero { min-height: calc(100vh - 82px); min-height: calc(100svh - 82px); padding-block: 44px; }
  .hl-transfer-flow { grid-template-columns: 1fr; }
  .hl-call-card, .hl-handle-card, .hl-attention-card, .hl-person-card, .hl-fallback-card { grid-column: 1; min-height: 150px; }
  .hl-fallback-card { min-height: 116px; }
  .hl-planet-horizon i { top: -753px; width: 205%; }
  .hl-planet-horizon i:last-child { top: -746px; width: 207%; }
}

/* Unified icon and trust treatment */
.hl-hero { position: relative; }
.hl-hero-proof {
  position: absolute;
  left: 50%;
  bottom: 34px;
  width: max-content;
  max-width: calc(100% - 36px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  transform: translateX(-50%);
  color: #656874;
}
.hl-hero-proof.is-visible { transform: translateX(-50%); }
.hl-hero-proof span { display: inline-flex; align-items: center; white-space: nowrap; font-size: 14px; line-height: 1.25; font-weight: 700; letter-spacing: -.012em; }
.hl-hero-proof b { width: 3px; height: 3px; flex: 0 0 3px; border-radius: 50%; background: #cdd0da; }

.hl-icon,
.hl-mini-icon {
  overflow: hidden;
  isolation: isolate;
}
.hl-icon { width: 64px; height: 64px; }
.hl-icon::before,
.hl-mini-icon::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 6px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 50%;
  background: rgba(255,255,255,.38);
  box-shadow: inset 0 1px 7px rgba(255,255,255,.85);
}
.hl-mini-icon::before { inset: 5px; }
.hl-icon svg,
.hl-mini-icon svg,
.hl-bars i { position: relative; z-index: 2; }
.hl-icon svg { width: 27px; height: 27px; stroke-width: 1.55; }
.hl-icon::after,
.hl-mini-icon::after { z-index: 3; }
.hl-feature-card .hl-icon { flex: 0 0 64px; }

.hl-journey-card { text-align: center; }
.hl-journey-card > .hl-mini-icon {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  place-items: center;
}
.hl-journey-card > .hl-mini-icon svg { margin: auto; }
.hl-journey-card h3,
.hl-journey-card p { width: 100%; text-align: center; }
.hl-journey-core { justify-content: flex-start; text-align: center; }
.hl-journey-core .hl-core-orb { flex: 0 0 96px; align-self: center; }
.hl-bars { align-content: center; justify-content: center; }

.hl-dark-card > span { padding-left: 23px; }
.hl-dark-card > span::before {
  top: 0;
  width: 13px;
  height: 13px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 4px;
  background: linear-gradient(145deg, #7891ff, #536cda);
}
.hl-call-card > span::before { background: linear-gradient(145deg, #68ddb2, #319a78); }
.hl-attention-card > span::before { background: linear-gradient(145deg, #ffc77d, #d98d37); }
.hl-person-card > span::before { background: linear-gradient(145deg, #c48aff, #8751ce); }
.hl-fallback-card > span::before { background: linear-gradient(145deg, #ff91aa, #d65073); }

.home-locked .global-footer .brand-mark i:nth-child(1) { background: #15171b; }
.home-locked .global-footer .brand-mark i:nth-child(2),
.home-locked .global-footer .brand-mark i:nth-child(3) { background: linear-gradient(90deg, #315cff, #18c8e9); }

@media (max-width: 780px) {
  .hl-hero-inner { padding-bottom: 76px; }
  .hl-hero-proof { bottom: 22px; width: calc(100% - 28px); flex-wrap: wrap; gap: 9px 14px; }
  .hl-hero-proof span { font-size: 12.5px; }
  .hl-hero-proof b { display: none; }
}

@media (max-width: 520px) {
  .hl-hero-inner { padding-bottom: 104px; }
  .hl-hero-actions { width: min(286px,100%); flex-direction: column; gap: 12px; margin-inline: auto; }
  .hl-hero-actions .hl-button { width: 100%; }
  .hl-hero-proof { display: grid; grid-template-columns: 1fr; justify-items: center; gap: 8px; bottom: 16px; }
  .hl-hero-proof span { font-size: 12px; }
}

@media (max-height: 680px) and (min-width: 781px) {
  .hl-hero-proof { bottom: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .hl-rotating-line { transition: none; }
}