.hx{--n:#0A1A30;--n2:#10284A;--c:#0B67D0;--sky:#6FB4FF;--ink:#0B1626;--mut:#5A6B82;--line:#E3E9F2;--soft:#F4F7FB;--ok:#18A06A;--warn:#D9822B;--calc:#7A5CE0;color:var(--ink);overflow-x:clip}
.hx *{box-sizing:border-box}
.hx img{max-width:100%;height:auto;display:block}
.hx-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.hx-eye{font:600 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin:0 0 14px}
.hx-eye-sky{color:var(--sky)}
.hx h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.025em;font-weight:800;margin:0 0 16px;color:var(--n)}
.hx-head{max-width:720px;margin-bottom:40px}
.hx-head>p:not(.hx-eye){font-size:18px;line-height:1.6;color:var(--mut);margin:0}
.hx-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:14px;font:600 16px/1 Inter,system-ui,sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.hx-btn i{font-style:normal;transition:transform .2s}
.hx-btn:hover i{transform:translateX(3px)}
.hx-btn-solid{background:#fff;color:var(--n);box-shadow:0 10px 30px -10px rgba(111,180,255,.55)}
.hx-btn-solid:hover{transform:translateY(-1px);box-shadow:0 16px 36px -12px rgba(111,180,255,.75)}
.hx-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.28)}
.hx-btn-ghost:hover{background:rgba(255,255,255,.08)}
.hx-sec{padding:104px 0}
.hx-link{display:inline-block;margin-top:24px;font-weight:600;color:var(--c);text-decoration:none}
.hx-link i{font-style:normal}

.hx-hero{position:relative;background:var(--n);color:#fff;padding:72px 0 0;isolation:isolate}
.hx-hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 85% 20%,rgba(11,103,208,.45),transparent 60%),radial-gradient(40% 50% at 10% 90%,rgba(111,180,255,.16),transparent 60%),linear-gradient(180deg,#0A1A30,#0C2140);overflow:hidden}
.hx-hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(70% 70% at 70% 30%,#000,transparent)}
.hx-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-bottom:72px}
.hx h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:0 0 22px;color:#fff}
.hx h1 span{display:block;color:#9CCBFF}
.hx-lede{font-size:19px;line-height:1.6;color:rgba(255,255,255,.78);max-width:560px;margin:0 0 30px}
.hx-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hx-free{margin:18px 0 0;font-size:14.5px;color:rgba(255,255,255,.66)}
.hx-free b{color:#fff}

.hx-run{position:relative}
.hx-stage{display:grid}
.hx-graph{position:relative;display:flex;flex-direction:column;height:560px;background:#071222;border:9px solid #05101F;border-radius:30px;box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}
.hx-g-h{display:flex;justify-content:space-between;align-items:baseline;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:#8DA2BE}
.hx-g-h b{font-size:24px;color:#fff;font-variant-numeric:tabular-nums}
.hx-g-body{position:relative;flex:1;display:grid;grid-template-columns:150px 64px 1fr;column-gap:40px;align-items:center;padding:14px 18px}
.hx-g-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hx-g-svg path{fill:none;stroke:rgba(111,180,255,.22);stroke-width:1.2}
.hx-g-svg path.f{stroke:var(--sky);stroke-width:1.8;stroke-dasharray:8 400;stroke-dashoffset:408;opacity:0}
.hx-g-svg path.f.go{opacity:1;animation:hxFlow .8s linear forwards}
.hx-g-svg path.f.w{stroke:#F2A54A}
@keyframes hxFlow{to{stroke-dashoffset:0}}
.hx-srcs,.hx-flds{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.hx-srcs li{padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:border-color .3s,background .3s}
.hx-srcs b{display:block;font:600 12.5px/1.25 Inter,system-ui,sans-serif;color:#C9D6E8}
.hx-srcs small{display:block;margin-top:3px;font-size:10.5px;color:#6E85A3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-srcs li.on{border-color:rgba(111,180,255,.55);background:rgba(111,180,255,.1)}
.hx-srcs li.on b{color:#fff}
.hx-srcs li.w{border-color:rgba(242,165,74,.6);background:rgba(242,165,74,.1)}
.hx-core{position:relative;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#3A8FEF,#0B4FA0);box-shadow:0 0 0 7px rgba(11,103,208,.16),0 10px 30px -8px rgba(11,103,208,.7);font-size:10px;font-weight:700;letter-spacing:.06em;color:#fff}
.hx-core.busy{animation:hxPulse 1.2s ease-in-out infinite}
.hx-core.warn{background:radial-gradient(circle at 30% 25%,#F6B866,#B86A12);box-shadow:0 0 0 9px rgba(242,165,74,.18)}
@keyframes hxPulse{50%{box-shadow:0 0 0 14px rgba(11,103,208,.06),0 10px 30px -8px rgba(11,103,208,.7)}}
.hx-flds{gap:8px}
.hx-flds li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 11px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);font-size:12px;color:#6E85A3;transition:color .3s,border-color .3s,background .3s,box-shadow .3s}
.hx-flds em{font-style:normal;font-weight:600;font-size:11px;white-space:nowrap;opacity:0;transform:translateX(5px);transition:opacity .3s,transform .3s}
.hx-flds li.on{color:#fff;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.hx-flds li.on em{opacity:1;transform:none}
.hx-flds li[data-k=read] em{color:var(--sky)}
.hx-flds li[data-k=calc] em{color:#B79CFF}
.hx-flds li[data-k=ask] em{color:#0A1A30;background:#fff;padding:3px 7px;border-radius:5px}
.hx-flds li.conf{border-color:rgba(242,165,74,.7);box-shadow:0 0 0 4px rgba(242,165,74,.14);color:#fff}
.hx-flds li.conf em{opacity:1;transform:none;color:#F2A54A}
.hx-flds li.ok{border-color:rgba(47,209,138,.55);box-shadow:0 0 0 4px rgba(47,209,138,.12)}
.hx-flds li.ok em,.hx-flds li.done em{color:#2FD18A;background:none;padding:0}
.hx-g-log{padding:12px 18px 14px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;line-height:1.7;min-height:66px}
.hx-g-log p{margin:0;color:#6E85A3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-g-log p:last-child{color:#C9D6E8}
.hx-g-log p::before{content:"> ";color:var(--sky)}
.hx-g-log p:empty::before{content:""}
.hx-run.s5 .hx-graph{opacity:0;transform:scale(.96) translateY(-10px);pointer-events:none}
.hx-stage>*{grid-area:1/1}
.hx-phone{justify-self:center;align-self:center;width:290px;height:560px;border-radius:40px;padding:12px;background:#05101F;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 2px rgba(255,255,255,.06);display:flex;flex-direction:column;text-decoration:none;opacity:0;transform:translateY(24px) scale(.94);pointer-events:none;transition:opacity .6s .15s,transform .7s .15s cubic-bezier(.2,.7,.2,1)}
.hx-phone-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 10px;font:600 11.5px/1 Inter,system-ui,sans-serif;color:rgba(255,255,255,.75)}
.hx-phone-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-phone-bar b{display:inline-flex;align-items:center;gap:5px;color:#7BE0B0}
.hx-phone-bar b::before{content:"";width:7px;height:7px;border-radius:50%;background:#2FD18A;box-shadow:0 0 0 3px rgba(47,209,138,.25)}
.hx-phone-screen{flex:1;border-radius:28px;overflow:hidden;background:#fff}
.hx-phone-screen img{width:100%;height:auto;display:block;transform:translateY(0)}
.hx-run.s5 .hx-phone{opacity:1;transform:none;pointer-events:auto}
.hx-run.s5 .hx-phone-screen img{animation:hxScroll 11s 1s cubic-bezier(.45,0,.55,1) forwards}
@keyframes hxScroll{0%{transform:translateY(0)}100%{transform:translateY(calc(-100% + var(--sh,500px)))}}
.hx-phone:hover{box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 2px var(--sky)}
.hx-phone-cap{margin:16px 0 0;text-align:center;font-size:14px;color:rgba(255,255,255,.7);opacity:0;transition:opacity .5s .4s}
.hx-phone-cap a{color:var(--sky);font-weight:600;text-decoration:none;white-space:nowrap}
.hx-phone-cap i{font-style:normal}
.hx-run.s5 .hx-phone-cap{opacity:1}

.hx-radar{border-top:1px solid rgba(255,255,255,.1);background:rgba(4,12,26,.4)}
.hx-radar-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding-top:18px;padding-bottom:18px}
.hx-radar p{margin:0;font-size:14px;color:rgba(255,255,255,.72)}
.hx-radar b{color:#fff;font-variant-numeric:tabular-nums}
.hx-radar p:first-child b{color:var(--sky);font-size:17px}
@media (min-width:1200px){.hx-radar-in{flex-wrap:nowrap;gap:24px}.hx-radar p,.hx-radar a{font-size:13.5px;white-space:nowrap}}
.hx-radar a{margin-left:auto;color:var(--sky);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.hx-radar a i{font-style:normal}


.hx{--wrap:1180px;--sec:112px;--card:rgba(255,255,255,.66);--card-line:rgba(10,26,48,.09);--card-r:16px;--d-card:rgba(255,255,255,.04);--d-line:rgba(255,255,255,.1)}
.hx-sec{padding:var(--sec) 0;position:relative}
.hx-eye{font:500 12px/1.2 var(--mono,ui-monospace),ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin:0 0 18px;display:flex;gap:10px;align-items:center}
.hx-eye{gap:12px}
.hx-eye b{font:800 24px/1 Inter,system-ui,sans-serif;letter-spacing:-.02em;color:var(--c)}
.hx-eye-sky b{color:var(--sky)}
.hx-eye-sky{color:var(--sky)}
.hx h2{font-size:clamp(32px,3.8vw,50px);line-height:1.04;letter-spacing:-.032em;font-weight:800;margin:0 0 18px;color:var(--n)}
.hx h2 span{color:var(--c)}
.hx-head{max-width:760px;margin-bottom:56px}
.hx-head>p:not(.hx-eye){font-size:19px;line-height:1.6;color:var(--mut);margin:0;max-width:640px}
.hx-dark{background:var(--n);color:#fff;isolation:isolate;overflow:hidden}
.hx-dark::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 60% at 50% 40%,rgba(11,103,208,.32),transparent 70%),linear-gradient(180deg,#0A1A30,#0C2140)}
.hx-dark::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(60% 60% at 50% 45%,#000,transparent)}
.hx-dark h2{color:#fff}
.hx-dark .hx-head>p:not(.hx-eye){color:rgba(255,255,255,.72)}
.hx-btn-cob{background:var(--c);color:#fff;box-shadow:0 10px 26px -12px rgba(11,103,208,.7)}
.hx-btn-cob:hover{background:#0757B8;transform:translateY(-1px)}
.hx-link{display:inline-flex;gap:6px;margin-top:28px;font-weight:600;color:var(--c);text-decoration:none}


.hx-hero-in{align-items:stretch;padding-top:16px}
.hx-hero-copy{display:flex;flex-direction:column;justify-content:center}
.hx-hero-copy .hx-eye{margin-top:0}
.hx-free{margin-bottom:0}
.hx-run{position:relative;min-height:0}
.hx-stage{position:absolute;inset:0;grid-template-rows:minmax(0,1fr)}
.hx-graph{height:100%;min-height:0}
.hx-g-body{padding:10px 18px;min-height:0}
.hx-flds{gap:6px}
.hx-flds li{padding:6px 11px}
.hx-srcs{gap:8px}
.hx-g-log{min-height:0;padding:10px 18px 12px}
.hx-phone{height:100%;width:auto;aspect-ratio:29/56;max-height:560px}
.hx-phone-cap{position:absolute;left:0;right:0;top:calc(100% + 4px);margin:0}


@media (min-width:1021px){
  .hx-hero{display:flex;flex-direction:column;min-height:min(calc(100svh - 64px),940px)}
  .hx-hero-in{flex:1 0 auto;width:100%;align-content:center}
}


.hx-cmp{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--card-line);border-radius:var(--card-r);background:var(--card);backdrop-filter:blur(6px)}
.hx-side{padding:36px 40px}
.hx-side+.hx-side{border-left:1px solid var(--card-line);background:linear-gradient(180deg,rgba(11,103,208,.05),rgba(11,103,208,0) 70%);border-radius:0 var(--card-r) var(--card-r) 0}
.hx-side-k{margin:0 0 8px;font:500 12px/1 var(--mono,ui-monospace),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.hx-eng .hx-side-k{color:var(--c)}
.hx-side h3{margin:0 0 24px;font-size:24px;letter-spacing:-.02em;color:var(--n)}
.hx-fields{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:0;border-top:1px solid var(--card-line)}
.hx-fields li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--card-line);font-size:15px;font-weight:500;color:var(--n)}
.hx-form .hx-fields li{color:var(--mut)}
.hx-form .hx-fields i{display:block;width:96px;height:8px;border-radius:4px;background:rgba(10,26,48,.06);position:relative;overflow:hidden}
.hx-form .hx-fields i::after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:rgba(10,26,48,.2)}
.hx-cmp.go .hx-form .hx-fields i::after{animation:hxType 6s steps(14) infinite}
.hx-form .hx-fields li:nth-child(2) i::after{animation-delay:1.2s!important}
.hx-form .hx-fields li:nth-child(3) i::after{animation-delay:2.4s!important}
.hx-form .hx-fields li:nth-child(4) i::after{animation-delay:3.6s!important}
.hx-form .hx-fields li:nth-child(5) i::after{animation-delay:4.8s!important}
@keyframes hxType{0%{width:0}20%,100%{width:100%}}
.hx-eng .hx-fields i{font-style:normal}
.hx-eng .hx-fields i::after{content:attr(data-t);font:500 11.5px/1 var(--mono,ui-monospace),ui-monospace,monospace;padding:5px 8px;border-radius:6px;background:rgba(11,103,208,.09);color:var(--c);opacity:0;display:inline-block;transform:translateX(6px);transition:opacity .4s,transform .4s}
.hx-cmp.go .hx-eng .hx-fields i::after{opacity:1;transform:none}
.hx-cmp.go .hx-eng .hx-fields li:nth-child(2) i::after{transition-delay:.25s}
.hx-cmp.go .hx-eng .hx-fields li:nth-child(3) i::after{transition-delay:.5s;background:rgba(122,92,224,.1);color:#6B4FD8}
.hx-cmp.go .hx-eng .hx-fields li:nth-child(4) i::after{transition-delay:.75s;background:var(--n);color:#fff}
.hx-cmp.go .hx-eng .hx-fields li:nth-child(5) i::after{transition-delay:1s}
.hx-count{margin:0 0 20px;font-size:15px;color:var(--mut)}
.hx-count b{font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--n);margin-right:8px}
.hx-eng .hx-count b{color:var(--c)}
.hx-pts{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;line-height:1.5;color:var(--mut)}
.hx-pts li{position:relative;padding-left:24px}
.hx-pts li::before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;border-radius:50%;background:rgba(10,26,48,.18)}
.hx-eng .hx-pts li{color:var(--n)}
.hx-eng .hx-pts li::before{background:var(--ok);box-shadow:0 0 0 4px rgba(24,160,106,.14)}
.hx-note{margin:28px 0 0;font-size:16px;color:var(--mut)}
.hx-note b{color:var(--n)}



.hx-how-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center}
#how h2{font-size:clamp(32px,3.4vw,46px)}
.hx-how-copy{display:flex;flex-direction:column}
.hx-how-copy .hx-head{margin-bottom:36px}
.hx-steps{list-style:none;margin:0;padding:0;border-left:1px solid var(--card-line)}
.hx-steps li{position:relative;padding:0 0 2px 26px}
.hx-steps li::before{content:"";position:absolute;left:-1px;top:0;width:2px;height:0;background:var(--c);transition:height .5s}
.hx-steps li.on::before{height:100%}
.hx-steps button{all:unset;cursor:pointer;display:flex;align-items:baseline;gap:14px;padding:13px 0;font-size:21px;font-weight:700;color:var(--mut);letter-spacing:-.015em}
.hx-steps button b{font:500 12px/1 var(--mono,ui-monospace),ui-monospace,monospace;color:var(--mut)}
.hx-steps button:focus-visible{outline:2px solid var(--c);outline-offset:4px;border-radius:4px}
.hx-steps li.on button,.hx-steps li.on button b{color:var(--n)}
.hx-steps li.on button b{color:var(--c)}
.hx-steps li>div>p{margin:0;padding-bottom:16px;font-size:16px;line-height:1.6;color:var(--mut)}


.hx-ev{position:relative;margin:0;align-self:center;container-type:inline-size}
.hx-ev img{width:100%;height:auto;mix-blend-mode:multiply;filter:brightness(1.04);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 69%,transparent 72.5%),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 69%,transparent 72.5%),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.hx-ev figcaption{margin-top:6px;font:500 12px/1.4 var(--mono,ui-monospace),ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.hx-rec{position:absolute;left:71.5%;top:12%;width:27.5%;height:76%;border-radius:2.2cqw;background:rgba(255,255,255,.92);border:1px solid var(--card-line);box-shadow:0 1px 2px rgba(10,26,48,.04),0 24px 48px -32px rgba(10,26,48,.4);overflow:hidden;display:flex;flex-direction:column;font-size:1.6cqw}
.hx-rec-h{position:relative;display:flex;align-items:center;gap:1.1cqw;padding:1.3cqw;background:var(--n);color:#fff}
.hx-rec-ph{width:5.4cqw;height:5.4cqw;border-radius:1cqw;flex:none;background:url(/assets/editorial/document-evidence/evidence-sources-to-record-03.webp) 30.5% 21%/1200% auto no-repeat}
.hx-rec-h b{display:block;font-size:2.1cqw;line-height:1.15;letter-spacing:-.01em}
.hx-rec-h small{display:block;white-space:nowrap;font:500 1.25cqw/1.3 var(--mono,ui-monospace),ui-monospace,monospace;color:rgba(255,255,255,.6)}
.hx-rec-st{font:600 1.15cqw/1 var(--mono,ui-monospace),ui-monospace,monospace;padding:.5cqw .8cqw;border-radius:99px;background:rgba(10,26,48,.06);color:var(--mut);letter-spacing:0;white-space:nowrap;transition:background .4s,color .4s}
.hx-rec[data-s="3"] .hx-rec-st{background:#2FD18A;color:#06311F}
.hx-rec ul{list-style:none;margin:0;padding:.7cqw 1.1cqw;display:flex;flex-direction:column;justify-content:space-around;flex:1}
.hx-rec li{display:flex;align-items:center;gap:.9cqw;padding:.85cqw .4cqw;border-bottom:1px solid var(--card-line);color:var(--mut);transition:color .35s}
.hx-rec li:last-child{border-bottom:0}
.hx-rec li i{width:2.1cqw;height:2.1cqw;border-radius:50%;flex:none;border:1px solid var(--card-line);transition:background .35s,border-color .35s}
.hx-rec li span{font-weight:600;font-size:1.9cqw}
.hx-rec li em{margin-left:auto;font:500 1.25cqw/1 var(--mono,ui-monospace),ui-monospace,monospace;font-style:normal;opacity:0;transition:opacity .35s}
.hx-rec li.on{color:var(--n)}
.hx-rec li.on i{background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%;border-color:var(--ok)}
.hx-rec li.on em{opacity:1;color:var(--mut)}
.hx-rec li.ask i{background:#FFF3E3;border-color:#F2A54A}
.hx-rec li.ask em{opacity:1;color:#B86A12}
.hx-rec-f{display:flex;justify-content:space-between;align-items:center;padding:.9cqw 1.3cqw;border-top:1px solid var(--card-line);font:600 1.15cqw/1 var(--mono,ui-monospace),ui-monospace,monospace;letter-spacing:.08em;color:var(--c)}



.hx-next .hx-head{text-align:center;margin-left:auto;margin-right:auto}
.hx-next .hx-head .hx-eye{justify-content:center}
.hx-next .hx-head>p:not(.hx-eye){margin:0 auto}
.hx-map{position:relative;display:grid;grid-template-columns:1fr 300px 1fr;gap:0 96px;align-items:center}
.hx-map-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hx-map-svg path{fill:none;stroke:rgba(111,180,255,.22);stroke-width:1.2}
.hx-map-svg path.f{stroke:var(--sky);stroke-width:1.8;stroke-dasharray:10 600;stroke-dashoffset:610;animation:hxOut 3.2s linear infinite}
@keyframes hxOut{to{stroke-dashoffset:0}}
.hx-nodes{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}
.hx-nodes a{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:16px 18px;border-radius:var(--card-r);background:var(--d-card);border:1px solid var(--d-line);text-decoration:none;color:#fff;backdrop-filter:blur(6px);transition:border-color .2s,background .2s}
.hx-nodes a:hover{border-color:rgba(111,180,255,.55);background:rgba(111,180,255,.08)}
.hx-nodes b{font-size:16px;letter-spacing:-.01em}
.hx-nodes span{grid-column:1/-1;font-size:14px;line-height:1.45;color:rgba(255,255,255,.62)}
.hx-nodes em{font:500 10.5px/1 var(--mono,ui-monospace),ui-monospace,monospace;font-style:normal;align-self:center;padding:5px 7px;border-radius:5px;background:rgba(111,180,255,.14);color:var(--sky);white-space:nowrap}
.hx-nodes em.live{background:rgba(47,209,138,.16);color:#7BE0B0}
.hx-core-rec{position:relative;padding:22px;border-radius:20px;background:#071222;border:1px solid rgba(111,180,255,.35);box-shadow:0 0 0 8px rgba(11,103,208,.1),0 40px 80px -30px rgba(0,0,0,.7);font-family:ui-monospace,"SF Mono",Menlo,monospace}
.hx-core-rec p{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}
.hx-core-rec b{display:block;margin:10px 0 2px;font:700 20px/1.2 Inter,system-ui,sans-serif;color:#fff}
.hx-core-rec small{display:block;font-size:11.5px;color:#6E85A3}
.hx-core-rec ul{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:7px;font-size:12px;color:#C9D6E8}
.hx-core-rec li{display:flex;justify-content:space-between}
.hx-core-rec li em{font-style:normal;color:#2FD18A}
.hx-close{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:96px;padding-top:40px;border-top:1px solid var(--d-line)}
.hx-close p{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}
.hx-close p span{display:block;font-size:15px;font-weight:400;letter-spacing:0;color:rgba(255,255,255,.65);margin-top:6px}

.hx-trust{padding:28px 0}
.hx-trust-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:14px;color:var(--mut)}
.hx-trust p{margin:0}
.hx-trust a{color:var(--c);text-decoration:none}
.hx-trust-l{display:flex;flex-wrap:wrap;gap:4px 22px}
.hx-trust-l a{white-space:nowrap;font-weight:600}
.hx-dock{display:none}
.hx-rv{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.hx-rv.in{opacity:1;transform:none}

@media (max-width:1020px){
  .hx{--sec:96px}
  .hx-hero-in,.hx-how-in{grid-template-columns:1fr;gap:48px}
  .hx-stage{position:relative;inset:auto}
  .hx-graph{height:560px}
  .hx-phone{height:560px}
  .hx-phone-cap{position:static}
  .hx-radar a{margin-left:0}
  .hx-map{grid-template-columns:1fr;gap:14px}
  .hx-map-svg{display:none}
  .hx-core-rec{order:-1;margin-bottom:10px}
  .hx-nodes{padding-left:22px;border-left:1px solid rgba(111,180,255,.3)}
}
@media (max-width:700px){
  .hx{--sec:72px}
  .hx-wrap{padding:0 16px}
  .hx-hero{padding-top:40px}
  .hx-hero-in{padding-bottom:44px}
  .hx-lede{font-size:17px}
  .hx-head{margin-bottom:36px}
  .hx-head>p:not(.hx-eye){font-size:17px}
  .hx-ctas .hx-btn{width:100%;justify-content:center}
  .hx-cmp{grid-template-columns:1fr}
  .hx-side{padding:24px 20px}
  .hx-side+.hx-side{border-left:0;border-top:1px solid var(--card-line);border-radius:0 0 var(--card-r) var(--card-r)}
  .hx-close .hx-btn{width:100%;justify-content:center}
  .hx-phone{width:260px;height:500px;--sh:440px}
  .hx-graph{height:auto;min-height:560px;border-width:7px;border-radius:26px}
  .hx-g-body{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:34px;justify-items:center;padding:16px 14px}
  .hx-srcs{grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .hx-flds{grid-template-columns:1fr 1fr;width:100%;gap:6px}
  .hx-flds li{padding:6px 8px;font-size:11px}
  .hx-flds em{font-size:10px}
  .hx-g-h{padding:12px 14px}
  .hx-g-log{padding:10px 14px 12px;font-size:11px}
  .hx-phone-cap span{display:block}
  .hx-radar-in{display:grid;gap:8px;padding-top:20px;padding-bottom:22px}
  .hx-close{margin-top:64px}
  .hx-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(10,26,48,.94);backdrop-filter:blur(8px);transform:translateY(110%);transition:transform .35s}
  .hx-dock.up{transform:none}
  .hx-dock .hx-btn{width:100%;justify-content:center;min-height:48px}
  .hx-trust{padding-bottom:28px}
  .hx-trust-in{flex-direction:column}
  .hx-trust-l a{display:inline-flex;align-items:center;min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  .hx *,.hx *::before,.hx *::after{transition:none!important;animation:none!important}
  .hx-rv{opacity:1;transform:none}
  .hx-form .hx-fields i::after{width:100%}
}
.hx-map-svg path.f:nth-child(4){animation-delay:.5s}
.hx-map-svg path.f:nth-child(6){animation-delay:1s}
.hx-map-svg path.f:nth-child(8){animation-delay:1.5s}
.hx-map-svg path.f:nth-child(10){animation-delay:2s}
.hx-map-svg path.f:nth-child(12){animation-delay:2.5s}


.hx-act{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
.hx-btn-xl{min-height:76px;padding:0 34px;border-radius:16px;font-size:19px}
.hx-in{border:1px solid var(--card-line);border-radius:var(--card-r);background:var(--card);backdrop-filter:blur(6px);transition:border-color .2s}
.hx-in[open],.hx-in:hover{border-color:rgba(11,103,208,.35)}
.hx-in summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;min-height:74px;padding:12px 20px}
.hx-in summary::-webkit-details-marker{display:none}
.hx-in summary:focus-visible{outline:2px solid var(--c);outline-offset:3px;border-radius:var(--card-r)}
.hx-in-n{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--c);font-variant-numeric:tabular-nums}
.hx-in-t{flex:1;min-width:0}
.hx-in-t b{display:block;font-size:17px;color:var(--n)}
.hx-in-t span{display:block;font-size:14.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-in-x{flex:none;display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--mono,ui-monospace),ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--c);padding:9px 12px;border-radius:99px;background:rgba(11,103,208,.08)}
.hx-in-x::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.hx-in[open] .hx-in-x::after{transform:translateY(1px) rotate(225deg)}
.hx-in-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:8px 20px 22px;border-top:1px solid var(--card-line);margin-top:2px;padding-top:20px}
.hx-in-g h4{margin:0 0 10px;font:500 11.5px/1.2 var(--mono,ui-monospace),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.hx-in-g ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.hx-in-g li{font-size:14px;font-weight:500;color:var(--n);padding:6px 10px;border-radius:8px;background:#fff;border:1px solid var(--card-line)}
.hx-in-g li em{font:500 10.5px/1 var(--mono,ui-monospace),ui-monospace,monospace;font-style:normal;color:var(--mut);margin-left:4px}
.hx-sub{margin:72px 0 18px;font:500 12px/1.2 var(--mono,ui-monospace),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.hx-pcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hx-pc{position:relative;display:flex;flex-direction:column;border-radius:var(--card-r);overflow:hidden;background:#fff;border:1px solid var(--card-line);text-decoration:none;color:inherit;transition:border-color .2s,transform .25s}
.hx-pc:hover{border-color:rgba(11,103,208,.45);transform:translateY(-2px)}
.hx-pc-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.hx-pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hx-pc:hover .hx-pc-img img{transform:scale(1.04)}
.hx-tag{position:absolute;top:12px;left:12px;font:600 11.5px/1 Inter,system-ui,sans-serif;padding:7px 10px;border-radius:99px;background:rgba(10,26,48,.82);color:#fff;backdrop-filter:blur(4px)}
.hx-pc>b{display:block;padding:18px 20px 4px;font-size:19px;letter-spacing:-.015em;color:var(--n)}
.hx-pc>span:not(.hx-pc-img){padding:0 20px 22px;font-size:14.5px;line-height:1.5;color:var(--mut)}
.hx-pc>i{position:absolute;right:18px;bottom:20px;font-style:normal;color:var(--c);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.hx-pc:hover>i{opacity:1;transform:none}
.hx-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:32px;padding:20px 22px;border-radius:var(--card-r);background:rgba(11,103,208,.06);border:1px solid rgba(11,103,208,.16)}
.hx-tools p{margin:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.hx-tools p b{font-size:17px;color:var(--n)}
.hx-tools p span{font-size:14.5px;color:var(--mut)}
.hx-tools div{display:flex;flex-wrap:wrap;gap:8px}
.hx-tools a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:10px;background:var(--c);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}
.hx-tools a:hover{background:#0757B8;transform:translateY(-1px)}
.hx-tools a svg{width:16px;height:16px;flex:none}
.hx-tools a:last-child{background:transparent;color:var(--c);box-shadow:inset 0 0 0 1px rgba(11,103,208,.35)}
.hx-tools a:last-child:hover{background:rgba(11,103,208,.08)}
@media (max-width:1020px){
  .hx-act{grid-template-columns:1fr}
  .hx-in-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hx-pcs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .hx-btn-xl{width:100%;justify-content:center;min-height:64px;font-size:18px}
  .hx-in summary{gap:14px;padding:12px 16px}
  .hx-in-n{font-size:24px}
  .hx-in-t span{white-space:normal}
  .hx-in-x{font-size:0;padding:10px}
  .hx-in-x::after{margin:0 1px}
  .hx-in-g{grid-template-columns:1fr;gap:18px;padding:18px 16px 20px}
  .hx-sub{margin-top:56px}
  .hx-pcs{grid-template-columns:1fr;gap:10px}
  .hx-tools{padding:18px 16px}
  .hx-tools p{display:block}
  .hx-tools p span{display:block;margin-top:4px}
  .hx-tools a{white-space:nowrap}
  .hx-pc{display:grid;grid-template-columns:104px 1fr;grid-template-rows:auto 1fr;column-gap:4px}
  .hx-pc-img{grid-row:1/3;aspect-ratio:auto;height:100%;min-height:104px}
  .hx-pc .hx-tag{display:none}
  .hx-pc>b{padding:14px 14px 2px;font-size:17px}
  .hx-pc>span:not(.hx-pc-img){padding:0 14px 14px;font-size:14px}
}


.hx-ev-h{display:none}
@media (min-width:1021px){
  .hx-how-in{grid-template-columns:minmax(0,.86fr) minmax(0,1.24fr);gap:40px;align-items:start}
  .hx-ev{display:flex;flex-direction:column;align-self:stretch;min-height:560px;container-type:normal;border-radius:20px;
    background:linear-gradient(180deg,#F7FAFE,#EEF4FC);border:1px solid var(--card-line);overflow:hidden;
    box-shadow:0 1px 2px rgba(10,26,48,.04),0 30px 60px -44px rgba(10,26,48,.35)}
  .hx-ev-h{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;
    border-bottom:1px solid var(--card-line);font:500 12px/1 var(--mono,ui-monospace),ui-monospace,monospace;
    letter-spacing:.04em;color:var(--mut)}
  .hx-ev-h span:last-child{color:var(--c)}
  .hx-ev-st{position:relative;flex:1;min-height:0}
  .hx-ev img{position:absolute;left:18px;top:50%;width:calc((100% - 18px - 22px - 150px) / .715);max-width:none;transform:translateY(-50%)}
  .hx-rec{z-index:1;left:auto;right:22px;top:50%;bottom:auto;width:232px;height:auto;transform:translateY(-50%);border-radius:16px;font-size:15px;background:#fff}
  .hx-rec-h{gap:12px;padding:14px 16px}
  .hx-rec-ph{width:42px;height:42px;border-radius:10px}
  .hx-rec-h b{font-size:16.5px}
  .hx-rec-h small{font-size:11px}
  .hx-rec ul{padding:4px 16px;justify-content:flex-start}
  .hx-rec li{gap:10px;padding:11px 2px}
  .hx-rec li i{width:18px;height:18px}
  .hx-rec li span{font-size:15px}
  .hx-rec li em{font-size:11px}
  .hx-rec-f{padding:12px 14px;font-size:10px;letter-spacing:.05em;white-space:nowrap;gap:8px}
  .hx-rec-st{font-size:10.5px;padding:4px 8px}
  .hx-ev figcaption{margin:0;padding:14px 22px;border-top:1px solid var(--card-line);line-height:1.2}
}
@media (max-width:1020px){
  .hx-ev{container-type:inline-size}
}


#how,#start{border-top:1px solid var(--card-line)}


.hx-count b{font-size:clamp(44px,4.6vw,64px);line-height:1;display:inline-block;vertical-align:-.12em}
.hx-eng{box-shadow:inset 0 0 0 1px rgba(11,103,208,.18)}


.hx-ev-st{position:relative}
.hx-pp{position:absolute;z-index:2;left:30%;bottom:5%;width:24%;container-type:inline-size;padding:2.4%;border-radius:16% / 8.5%;background:#05101F;box-shadow:0 30px 60px -20px rgba(10,26,48,.55),0 0 0 1px rgba(255,255,255,.14);opacity:0;transform:translateY(40%) scale(.92);pointer-events:none;transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1)}
.hx-rec[data-s="3"]~.hx-pp{opacity:1;transform:none}
.hx-pp-bar{display:flex;justify-content:space-between;align-items:center;padding:3cqw 5cqw 4cqw;font:600 6.2cqw/1 Inter,system-ui,sans-serif;color:rgba(255,255,255,.75)}
.hx-pp-bar b{display:inline-flex;align-items:center;gap:2.5cqw;color:#7BE0B0}
.hx-pp-bar b::before{content:"";width:3.4cqw;height:3.4cqw;border-radius:50%;background:#2FD18A;box-shadow:0 0 0 1.6cqw rgba(47,209,138,.25)}
.hx-pp-scr{border-radius:11cqw;overflow:hidden;background:#fff}
.hx-pp-top{position:relative;padding:7cqw 6cqw 6cqw;background:linear-gradient(160deg,#0C2140,#0A1A30);color:#fff}
.hx-pp-top small{display:block;font:500 4.6cqw/1.2 var(--mono,ui-monospace),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--sky);max-width:62%}
.hx-pp-top b{display:block;max-width:64%;margin-top:4cqw;font-size:9.5cqw;line-height:1.1;letter-spacing:-.02em}
.hx-pp-top span{display:block;margin-top:2cqw;font:500 4.8cqw/1.2 var(--mono,ui-monospace),ui-monospace,monospace;color:rgba(255,255,255,.6)}
.hx-pp-top svg{position:absolute;right:6cqw;top:6cqw;width:24cqw;height:24cqw;padding:2cqw;border-radius:3cqw;background:#fff}
.hx-pp ul{list-style:none;margin:0;padding:2cqw 6cqw}
.hx-pp li{display:flex;justify-content:space-between;align-items:center;padding:3.6cqw 0;border-bottom:1px solid var(--line);font-size:6cqw;font-weight:600;color:var(--n)}
.hx-pp li:last-child{border-bottom:0}
.hx-pp li em{font-style:normal;color:var(--ok)}
.hx-pp-scr>p{margin:0;padding:4cqw 6cqw 6cqw;font:600 4.8cqw/1 var(--mono,ui-monospace),ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ok)}
@media (min-width:1021px){.hx-pp{left:auto;right:272px;bottom:7%;width:178px}}


.hx-nodes a{grid-template-columns:auto 1fr auto}
.hx-nv{grid-row:1/3;width:68px;height:68px;padding:5px;border-radius:12px;background:rgba(111,180,255,.07);border:1px solid rgba(111,180,255,.18);align-self:center}
.hx-nodes span{grid-column:2/-1}
@media (max-width:700px){.hx-nv{width:52px;height:52px;padding:5px}}
#difference h2 span{display:block}


.hx .hx-bm{display:inline-block;flex:none;width:20px;height:20px;margin-right:9px;vertical-align:-5px}
.hx-side-k .hx-bm{width:22px;height:22px;vertical-align:-6px}
.hx-g-h span:first-child,.hx-ev-h span:first-child{display:inline-flex;align-items:center}
.hx-g-h .hx-bm{width:18px;height:18px;animation:hxBm 3.2s ease-in-out infinite}
.hx-core-rec p{display:flex;align-items:center}
.hx-core-rec .hx-bm{width:18px;height:18px;margin-right:8px}
@keyframes hxBm{0%,100%{filter:drop-shadow(0 0 0 rgba(111,180,255,0))}50%{filter:drop-shadow(0 0 8px rgba(111,180,255,.85))}}
.hx-ev .hx-ev-h .hx-bm{position:static;transform:none;width:18px;height:18px;max-width:none;margin-right:9px;-webkit-mask-image:none;mask-image:none;mix-blend-mode:normal;filter:none}
.hx-links{display:flex;flex-wrap:wrap;gap:0 26px;margin:0}
.hx-links .hx-link{margin-top:22px}
.hx-steps li>div>p strong{display:block;margin-bottom:4px;color:var(--n);font-weight:650}


@media (max-width:720px){.hx-srcs small,.hx-core,.hx-flds em,.hx-phone-bar,.hx-nodes em,.hx-core-rec p,.hx-core-rec small,.hx-flds li,.hx-g-log,.hx-in-g h4,.hx-in-g li em,.hx-tag,.hx-rec-h small,.hx-rec li em,.hx-rec-f,.hx-rec-st{font-size:12px}}
@media (max-width:400px){.hx-btn-xl{font-size:16px;padding:0 18px;white-space:nowrap}}
@media (max-width:720px){
  .hx-ev img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 69%,transparent 72.5%);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 69%,transparent 72.5%);width:138%;max-width:none}
  .hx-ev-st{overflow:hidden}
  .hx-rec{position:static;width:auto;height:auto;margin-top:12px;border-radius:14px;font-size:15px;background:#fff}
  .hx-rec-h{gap:12px;padding:12px 14px}
  .hx-rec-ph{width:40px;height:40px;border-radius:10px}
  .hx-rec-h b{font-size:16px}
  .hx-rec ul{padding:4px 14px}
  .hx-rec li{gap:10px;padding:10px 2px}
  .hx-rec li i{width:18px;height:18px}
  .hx-rec li span{font-size:15px}
  .hx-rec-f{padding:12px 14px;letter-spacing:.05em;gap:8px}
  .hx-rec-st{padding:4px 8px}
  .hx-pp{top:16px;bottom:auto;left:auto;right:12px;width:30%}
  .hx-next .hx-head{text-align:left}
  .hx-next .hx-head .hx-eye{justify-content:flex-start}
  .hx-next .hx-head>p:not(.hx-eye){margin:0}
  .hx-radar a{display:inline-block;padding:13px 0}
}