:root{--hx-primary: #0284c7;--hx-primary-dark: #0369a1;--hx-primary-light: #e0f2fe;--hx-primary-bg: #f0f9ff;--hx-cyan: #06b6d4;--hx-ink: #111827;--hx-text: #374151;--hx-muted: #6b7280;--hx-line: #e5e7eb;--hx-soft: #f3f4f6;--hx-green: #22c55e}.hero-visual{width:100%;max-width:320px;margin:0 auto}.build-top{margin-bottom:16px}.chip{font-size:12px;font-weight:600;line-height:1;padding:7px 11px;border-radius:999px;background:var(--hx-soft);color:var(--hx-muted);white-space:nowrap}.prog{height:4px;background:var(--hx-soft);border-radius:99px;overflow:hidden}.prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--hx-primary),var(--hx-cyan));border-radius:99px;transform-origin:left}.phone{position:relative;padding:10px;border-radius:46px;background:#111827;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #1f2937,inset 0 0 0 2px #1f2937}.phone:before,.phone:after{content:"";position:absolute;width:3px;background:#1f2937;border-radius:2px}.phone:before{left:-3px;top:96px;height:50px;box-shadow:0 66px #1f2937}.phone:after{right:-3px;top:128px;height:72px}.phone-screen{position:relative;height:500px;border-radius:36px;background:#fff;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.ph-status{position:relative;height:44px;padding:12px 24px 0;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--hx-ink)}.island{position:absolute;left:50%;top:10px;transform:translate(-50%);width:90px;height:26px;border-radius:99px;background:#000}.ph-bar{margin:4px 14px 0;height:34px;border-radius:10px;background:var(--hx-soft);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--hx-text)}.seq-url{display:inline-block;white-space:nowrap}.caret{width:2px;height:13px;background:var(--hx-primary);display:inline-block;margin-left:-4px}.ph-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 14px 30px}.ph-listing{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center}.ph-listing>.relative{height:80px;background:var(--hx-soft)}.ph-notice{position:absolute;z-index:3;left:10px;right:10px;top:46px}.home-ind{position:absolute;z-index:2;bottom:8px;left:50%;transform:translate(-50%);width:110px;height:4px;border-radius:99px;background:var(--hx-ink)}@media(width<380px){.phone-screen{height:490px}.ph-listing{grid-template-columns:84px 1fr}}.art{height:168px;display:grid;place-items:center;padding:14px;border-bottom:1px solid #f4f4f5;background:linear-gradient(180deg,var(--hx-primary-bg),#fff)}.ill{width:100%;max-width:240px;height:auto;fill:none;stroke:#1f2937;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.ill .f{fill:#fff}.ill .ac{stroke:var(--hx-primary)}.ill .acf{fill:var(--hx-primary-light);stroke:var(--hx-primary)}.ill .solid{fill:var(--hx-primary);stroke:none}.ill .thin{stroke-width:1.6}.ill .ghost{stroke:#d1d5db}.steps{list-style:none;padding:0;margin:0}.step-n{transition:filter .3s,opacity .3s}.chat-body{min-height:340px}.chat-status{display:grid}.chat-status>span{grid-area:1 / 1}.chat-status-typing{opacity:0}.chat-slot{display:grid}.chat-slot>*{grid-area:1 / 1}.chat .typing{justify-self:start;align-self:start;display:inline-flex;gap:4px;opacity:0}.chat .typing i{width:6px;height:6px;border-radius:50%;background:#9ca3af;display:block}.chat .b2{justify-self:start}@property --tc{syntax: "<color>"; inherits: true; initial-value: #0284c7;}.tplr{--tc: #0284c7}.tp-label{position:relative;height:22px;min-width:64px}.tp-label>span{position:absolute;right:0;top:0;white-space:nowrap;opacity:0}.tp-label>.t1{opacity:1}.tp{position:relative;height:220px;overflow:hidden}.tp-view{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;opacity:0}.tp-view.v1{opacity:1}.tp-av{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 1px 3px #0000001f;flex:none}.tp-socials{display:flex;gap:6px;margin-top:12px}.tp-socials i{width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--tc) 16%,#fff)}.tp-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:12px;background:var(--tc);color:#fff;font-size:14px;font-weight:600}.v3{padding:0}.tp-banner{height:72px;flex:none;background:linear-gradient(to right,var(--tc),color-mix(in srgb,var(--tc) 70%,#000))}.tp-av.ov{margin:-28px 0 6px 16px;position:relative;z-index:1}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #00000026;outline:2px solid transparent;outline-offset:2px}.swatch.s1{outline-color:var(--hx-ink)}.bars{display:flex;align-items:flex-end;gap:8px;height:128px;padding-top:18px;border-bottom:1px solid var(--hx-line)}.bar{flex:1;position:relative;min-height:4px;border-radius:6px 6px 0 0;transform-origin:bottom;background:linear-gradient(to top,var(--hx-primary),var(--hx-cyan))}.bar.top{background:linear-gradient(to top,var(--hx-primary-dark),var(--hx-primary))}.bar i{position:absolute;top:-16px;left:0;right:0;text-align:center;font-size:10px;font-weight:600;font-style:normal;color:var(--hx-muted);font-variant-numeric:tabular-nums}.track{position:relative;display:grid;grid-template-columns:repeat(4,1fr)}.track-line{position:absolute;left:12.5%;right:12.5%;top:11px;height:2px;background:var(--hx-line)}.stage{position:relative;text-align:center;font-size:11px;font-weight:500;color:var(--hx-muted)}.stage i{display:block;width:24px;height:24px;margin:0 auto 6px;border-radius:50%;background:#fff;border:2px solid var(--hx-line);position:relative;z-index:1}.stage:nth-of-type(1) i{background:var(--hx-primary);border-color:var(--hx-primary)}.hop{position:absolute;z-index:2;top:5px;left:12.5%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--hx-primary-dark);box-shadow:0 0 0 4px var(--hx-primary-light)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.js .rv{transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:calc(var(--d, 0) * .1s)}.js .rv:not(.in){opacity:0;transform:translateY(18px)}.js .rv.rv-done{transition-delay:0s}.js .rv.card-lift.rv-done{transition:all .3s ease}.prog i{animation:hxProg 7s linear infinite}.chip.c1{animation:hxChip1 7s ease-in-out infinite}.chip.c2{animation:hxChip2 7s ease-in-out infinite}.chip.c3{animation:hxChip3 7s ease-in-out infinite}.seq-url{clip-path:inset(0 100% 0 0);animation:hxType 7s steps(17,end) infinite}.caret{animation:hxCaret .9s steps(2) infinite}.seq-head{opacity:0;animation:hxHead 7s ease-out infinite}.seq-l1{opacity:0;animation:hxL1 7s ease-out infinite}.seq-l2{opacity:0;animation:hxL2 7s ease-out infinite}.seq-wa{opacity:0;animation:hxWa 7s ease-out infinite}.seq-toast{opacity:0;animation:hxToast 7s ease-out infinite}.a-hand{transform-origin:120px 72px;animation:hxSpin 6s linear infinite}.a-arc{stroke-dasharray:1;stroke-dashoffset:1;animation:hxArc 6s linear infinite}.a-tick{stroke-dasharray:1;stroke-dashoffset:1;animation:hxTick 6s ease-in-out infinite}.a-row{opacity:0;animation:hxDrop 5.4s ease-out infinite}.a-row.r2{animation-delay:.6s}.a-row.r3{animation-delay:1.2s}.a-link{transform-box:fill-box;transform-origin:center;animation:hxPulse 3s ease-in-out infinite}.ring{transform-box:fill-box;transform-origin:center;animation:hxRing 3s ease-out infinite}.twinkle{transform-box:fill-box;transform-origin:center;animation:hxTwinkle 3.6s ease-in-out infinite}.step{animation:hxStepCard 6s ease-in-out infinite}.step .step-n{animation:hxStepNum 6s ease-in-out infinite}.step:nth-child(2),.step:nth-child(2) .step-n{animation-delay:2s}.step:nth-child(3),.step:nth-child(3) .step-n{animation-delay:4s}.chat .b1{animation:hxB1 10s ease-out infinite}.chat .typing{animation:hxTyping 10s ease-out infinite}.chat .typing i{animation:hxDots .9s ease-in-out infinite}.chat .typing i:nth-child(2){animation-delay:.15s}.chat .typing i:nth-child(3){animation-delay:.3s}.chat .b2{opacity:0;animation:hxB2 10s ease-out infinite}.chat-status-on{animation:hxStatusOn 10s ease-out infinite}.chat-status-typing{animation:hxTyping 10s ease-out infinite}.tplr{animation:hxTc 12s ease-in-out infinite}.tp-view.v1,.tp-label .t1{animation:hxView1 12s ease-in-out infinite}.tp-view.v2,.tp-label .t2{animation:hxView2 12s ease-in-out infinite}.tp-view.v3,.tp-label .t3{animation:hxView3 12s ease-in-out infinite}.swatch.on{animation:hxRingOn 12s linear infinite}.swatch.s2{animation-delay:3s}.swatch.s3{animation-delay:6s}.swatch.s4{animation-delay:9s}.js .rv:not(.in) .bar{transform:scaleY(0)}.js .rv.in .bar{animation:hxGrow .8s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--i) * 70ms + .25s)}.hop{animation:hxHop 8s cubic-bezier(.45,0,.25,1) infinite}.stage:nth-of-type(1) i{animation:hxOn1 8s ease-in-out infinite}.stage:nth-of-type(2) i{animation:hxOn2 8s ease-in-out infinite}.stage:nth-of-type(3) i{animation:hxOn3 8s ease-in-out infinite}.stage:nth-of-type(4) i{animation:hxOn4 8s ease-in-out infinite}@keyframes hxProg{0%{transform:scaleX(0)}76%,94%{transform:scaleX(1)}to{transform:scaleX(1);opacity:0}}@keyframes hxChip1{0%,24%{background:var(--hx-primary);color:#fff}28%,to{background:var(--hx-soft);color:var(--hx-muted)}}@keyframes hxChip2{0%,24%{background:var(--hx-soft);color:var(--hx-muted)}28%,50%{background:var(--hx-primary);color:#fff}54%,to{background:var(--hx-soft);color:var(--hx-muted)}}@keyframes hxChip3{0%,50%{background:var(--hx-soft);color:var(--hx-muted)}54%,94%{background:var(--hx-primary);color:#fff}to{background:var(--hx-soft);color:var(--hx-muted)}}@keyframes hxType{0%,3%{clip-path:inset(0 100% 0 0)}20%,94%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes hxCaret{50%{opacity:0}}@keyframes hxHead{0%,20%{opacity:0;transform:translateY(8px)}26%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes hxL1{0%,29%{opacity:0;transform:translateY(12px)}36%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes hxL2{0%,40%{opacity:0;transform:translateY(12px)}47%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes hxWa{0%,54%{opacity:0;transform:translateY(10px)}60%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes hxToast{0%,72%{opacity:0;transform:translateY(-26px)}78%,92%{opacity:1;transform:none}97%,to{opacity:0;transform:translateY(-14px)}}@keyframes hxSpin{to{transform:rotate(360deg)}}@keyframes hxArc{0%{stroke-dashoffset:1}92%,to{stroke-dashoffset:0}}@keyframes hxTick{0%,78%{stroke-dashoffset:1}88%,96%{stroke-dashoffset:0}to{stroke-dashoffset:1}}@keyframes hxDrop{0%{opacity:0;transform:translateY(-16px)}12%,80%{opacity:1;transform:none}94%,to{opacity:0;transform:none}}@keyframes hxPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes hxRing{0%,25%{transform:scale(.8);opacity:0}35%{opacity:.9}80%,to{transform:scale(1.7);opacity:0}}@keyframes hxTwinkle{0%,60%,to{transform:scale(.6) rotate(0);opacity:.4}75%{transform:scale(1.15) rotate(20deg);opacity:1}}@keyframes hxStepCard{0%,33%,to{border-color:#e4e4e7cc;box-shadow:none}4%,29%{border-color:var(--hx-primary);box-shadow:0 0 0 4px #0284c714,0 20px 40px -20px #0284c759}}@keyframes hxStepNum{0%,33%,to{filter:saturate(0);opacity:.45}4%,29%{filter:none;opacity:1}}@keyframes hxB1{0%,3%{opacity:0;transform:translateY(8px)}9%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes hxTyping{0%,22%{opacity:0}24%,38%{opacity:1}40%,to{opacity:0}}@keyframes hxStatusOn{0%,22%{opacity:1}24%,38%{opacity:0}40%,to{opacity:1}}@keyframes hxB2{0%,40%{opacity:0;transform:translateY(8px)}47%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes hxDots{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}@keyframes hxTc{0%,20%{--tc: #0284c7}30%,45%{--tc: #7c3aed}55%,70%{--tc: #e11d48}80%,95%{--tc: #059669}to{--tc: #0284c7}}@keyframes hxView1{0%,28%{opacity:1}33%,95%{opacity:0}to{opacity:1}}@keyframes hxView2{0%,29%{opacity:0}34%,61%{opacity:1}66%,to{opacity:0}}@keyframes hxView3{0%,62%{opacity:0}67%,94%{opacity:1}99%,to{opacity:0}}@keyframes hxRingOn{0%,24%{outline-color:var(--hx-ink)}25%,to{outline-color:transparent}}@keyframes hxGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes hxHop{0%{left:12.5%}22%,28%{left:37.5%}47%,53%{left:62.5%}72%,94%{left:87.5%}to{left:12.5%}}@keyframes hxOn1{0%,96%{background:var(--hx-primary);border-color:var(--hx-primary)}to{background:#fff;border-color:var(--hx-line)}}@keyframes hxOn2{0%,24%{background:#fff;border-color:var(--hx-line)}28%,96%{background:var(--hx-primary);border-color:var(--hx-primary)}to{background:#fff;border-color:var(--hx-line)}}@keyframes hxOn3{0%,49%{background:#fff;border-color:var(--hx-line)}53%,96%{background:var(--hx-primary);border-color:var(--hx-primary)}to{background:#fff;border-color:var(--hx-line)}}@keyframes hxOn4{0%,74%{background:#fff;border-color:var(--hx-line)}78%,96%{background:var(--hx-green);border-color:var(--hx-green)}to{background:#fff;border-color:var(--hx-line)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.caret{display:none}.chip.c3{background:var(--hx-primary);color:#fff}.chat .typing,.hop{display:none}}.hs{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hs-sky{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(110px,20vw,230px);color:#bae6fd}.hs-dim{stroke-width:1.4;opacity:.5}.hs-w{fill:#7dd3fc;stroke:none;opacity:.32}.hs-cloud{position:absolute;display:none;width:96px;color:#bae6fd;overflow:visible}@media(min-width:1024px){.hs-cloud{display:block;width:128px}.hs-c1{top:15%;left:36%}.hs-c2{top:56%;left:56%;width:92px}}.hs-chip{position:absolute;display:none;place-items:center;width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid #e0f2fe;color:#0284c7;box-shadow:0 10px 24px -12px #0284c766}.hs-tag{width:auto;height:36px;padding:0 14px 0 12px;gap:8px;border-radius:999px;font-size:13px;font-weight:700;color:#15803d;border-color:#bbf7d0;box-shadow:0 10px 24px -12px #22c55e66}.hs-tag i{width:8px;height:8px;border-radius:50%;background:#22c55e}@media(min-width:1024px){.hs-chip{display:grid}.hs-tag{display:inline-flex;align-items:center}.hs-k1{left:50%;top:21%}.hs-k2{left:3%;top:19%}.hs-k3{left:38%;top:73%}.hs-k4{left:6%;top:77%}}@media(prefers-reduced-motion:no-preference){.hs-chip{animation:hsFloat 7s ease-in-out infinite;animation-delay:var(--hs-d, 0s)}.hs-k1{--hs-d: -1.5s}.hs-k3{--hs-d: -3.5s}.hs-k4{--hs-d: -5s}.hs-k2{transform-origin:70% 0;animation:hsSwing 6s ease-in-out infinite}.hs-cloud{animation:hsDrift 11s ease-in-out infinite alternate}.hs-c2{animation-duration:9s;animation-delay:-4s}.hs-w1{animation:hsWin 5s ease-in-out infinite}.hs-w2{animation:hsWin 7s ease-in-out -1.2s infinite}.hs-w3{animation:hsWin 6s ease-in-out -2.6s infinite}.hs-w4{animation:hsWin 9s ease-in-out -4s infinite}@keyframes hsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hsSwing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg) translateY(-4px)}}@keyframes hsDrift{0%{transform:translate(-18px)}to{transform:translate(18px)}}@keyframes hsWin{0%,to{opacity:.18}45%,60%{opacity:1}}}