.hm-section{background:#f4f7fd;padding:40px 0 80px;position:relative}.hm-scrolly{max-width:min(var(--maxw), 1440px);box-sizing:border-box;padding:0 var(--gut);grid-template-columns:1fr 1fr;gap:40px;margin:0 auto;display:grid}.hm-rail{box-sizing:border-box;flex-direction:column;justify-content:center;align-self:start;align-items:stretch;gap:clamp(12px,2.4vh,28px);height:calc(100vh - 68px);padding:24px 0;display:flex;position:sticky;top:68px}.hm-rail-head{text-align:left}.hm-rail-head .eyebrow{margin-bottom:clamp(10px,1.6vh,18px);display:inline-flex}.hm-rail-head .hm-title{letter-spacing:-.012em;text-align:left;margin:0}.hm-accent{background:var(--brand-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hm-stage{flex:1 1 0;width:100%;min-height:0}.hm-stage svg{width:100%;height:100%;display:block;overflow:visible}#hm-stack .sub{opacity:0;transition:opacity .5s}#hm-stack[data-step=s1] .L1 .sub,#hm-stack[data-step=s2] .L2 .sub,#hm-stack[data-step=s3] .L3 .sub,#hm-stack[data-step=s4] .L4 .sub{opacity:.85}#hm-stack .veil{opacity:.5;transition:opacity .5s}#hm-stack .ov{opacity:0;transition:opacity .5s}#hm-stack .co{color:#8a9ab8;transition:color .4s}#hm-stack .co text{transition:font-weight .3s}#hm-stack .co .dot,#hm-stack .co .halo{transition:fill .4s,opacity .4s}#hm-stack[data-step=s1] .L1 .veil,#hm-stack[data-step=s2] .L2 .veil,#hm-stack[data-step=s3] .L3 .veil,#hm-stack[data-step=s4] .L4 .veil{opacity:0}#hm-stack[data-step=s1] .ov1,#hm-stack[data-step=s2] .ov2,#hm-stack[data-step=s3] .ov3,#hm-stack[data-step=s4] .ov4{opacity:1}#hm-stack[data-step=s1] .co.L1,#hm-stack[data-step=s2] .co.L2,#hm-stack[data-step=s3] .co.L3,#hm-stack[data-step=s4] .co.L4{color:#0d121f}#hm-stack[data-step=s1] .co.L1 .dot,#hm-stack[data-step=s2] .co.L2 .dot,#hm-stack[data-step=s3] .co.L3 .dot,#hm-stack[data-step=s4] .co.L4 .dot{fill:#0e60ff}#hm-stack[data-step=s1] .co.L1 .halo,#hm-stack[data-step=s2] .co.L2 .halo,#hm-stack[data-step=s3] .co.L3 .halo,#hm-stack[data-step=s4] .co.L4 .halo{opacity:.18}#hm-stack[data-step=s1] .co.L1 text,#hm-stack[data-step=s2] .co.L2 text,#hm-stack[data-step=s3] .co.L3 text,#hm-stack[data-step=s4] .co.L4 text{font-weight:600}.hm-pulse{animation:1.6s ease-in-out infinite hmPulse}@keyframes hmPulse{50%{opacity:.35}}.hm-flow{stroke-dasharray:5 6;animation:1.1s linear infinite hmFlow}@keyframes hmFlow{to{stroke-dashoffset:-22px}}.hm-steps{flex-direction:column;display:flex}.hm-step{border-top:1px solid #0d121f1f;flex-direction:column;justify-content:center;min-height:78vh;padding:40px 0;display:flex}.hm-step:first-child{border-top:none}.hm-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-s01);margin:0 0 14px;font-size:11px;font-weight:700}.hm-step-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-900);text-wrap:balance;margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.12}.hm-lede{color:var(--ink-500);max-width:52ch;margin-top:16px;font-size:15px;line-height:1.65}.hm-rows{border-top:1px solid #0d121f1f;margin-top:22px}.hm-row{border-bottom:1px solid #0d121f1f;justify-content:space-between;gap:16px;padding:13px 0;font-size:13px;display:flex}.hm-k{color:var(--ink-900);font-weight:600}.hm-v{color:var(--ink-500);text-align:right;font-family:var(--font-mono);font-size:12px}.hm-callout{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-top:18px;padding-top:16px;display:flex}.hm-label{font-family:var(--font-display);color:var(--ink-900);font-size:15px;font-weight:700}.hm-desc{color:var(--ink-500);font-family:var(--font-mono);text-align:right;font-size:11.5px;line-height:1.6}@media (max-width:880px){.hm-section{padding-top:72px;padding-bottom:60px}.hm-scrolly{grid-template-columns:1fr}.hm-rail{height:auto;margin-bottom:0;padding:24px 0;display:block;position:static}.hm-rail-head,.hm-rail-head .hm-title{text-align:center}.hm-stage{aspect-ratio:560/490;flex:none;width:min(100%,460px);max-width:460px;max-height:min(58svh,420px);margin:20px auto 0}.hm-step{min-height:auto;padding:32px 0}}@media (prefers-reduced-motion:reduce){.hm-flow,.hm-pulse{animation:none}}.hm-dots{display:none}@media (max-width:880px){.hm-stage{touch-action:pan-y}#harness .hm-steps{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;gap:12px;margin-top:-30px;padding:2px 2px 8px;overflow-x:auto}#harness .hm-steps::-webkit-scrollbar{display:none}.hm-step{scroll-snap-align:center;background:#fff;border:1px solid #e1e7f5;border-radius:16px;flex:0 0 88%;justify-content:flex-start;min-height:0;padding:18px}.hm-step:first-child{border-top:1px solid #e1e7f5}.hm-step .hm-kicker{margin:0 0 6px;display:block}.hm-step .hm-step-title{margin-top:0}.hm-step .hm-rows,.hm-step .hm-callout{display:none}#harness .hm-dots{justify-content:center;align-items:center;gap:6px;margin-top:-28px;display:flex}.hm-dots i{background:#cfd8ee;border-radius:3px;width:6px;height:6px;transition:width .3s,background .3s}.hm-dots i.on{background:#2955ff;width:18px}.hm-dots:after{content:"Swipe";font:600 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8a96b3;margin-left:6px}}
.conn-section{background:#fff;padding:120px 0 100px;position:relative;overflow:clip hidden}.conn-section:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 50% 30%,#2955ff0a 0%,#0000 65%),radial-gradient(50% 40% at 15% 80%,#5a8aff09 0%,#0000 55%),radial-gradient(40% 35% at 85% 75%,#2955ff08 0%,#0000 55%);position:absolute;inset:0}.conn-header{text-align:center;z-index:2;margin-bottom:56px;padding:0 24px;position:relative}.conn-header .eyebrow{justify-content:center;margin-bottom:clamp(10px,1.6vh,18px);display:inline-flex}.conn-section .conn-title{letter-spacing:-.012em;text-wrap:balance}.conn-title *{font-weight:700}.conn-subtitle{color:var(--ink-500);max-width:580px;margin:0 auto;font-size:clamp(15px,1.3vw,18px);line-height:1.65}.cx-field{z-index:2;width:100vw;max-width:100vw;height:clamp(360px,34vw,520px);margin:0 auto 0 calc(50% - 50vw);position:relative}.cx-glow{filter:blur(10px);pointer-events:none;opacity:0;background:radial-gradient(closest-side,#2955ff1f,#2955ff0a 55%,#0000);border-radius:50%;transition:opacity 1.2s .3s;position:absolute;inset:6% 10%}.cx-field.cx-in .cx-glow{opacity:1}.cx-fade{pointer-events:none;z-index:6;width:min(220px,14vw);position:absolute;top:0;bottom:0}.cx-fade-l{background:linear-gradient(90deg,#fff 0% 25%,#0000 100%);left:0}.cx-fade-r{background:linear-gradient(270deg,#fff 0% 25%,#0000 100%);right:0}.cx-b{aspect-ratio:1;z-index:1;opacity:0;transform:translate(var(--ox), var(--oy)) scale(.35);filter:blur(6px);position:absolute}.cx-field.cx-in .cx-b{animation:cxIn 1s cubic-bezier(.16, 1, .3, 1) var(--ed) both}@keyframes cxIn{0%{opacity:0;transform:translate(var(--ox), var(--oy)) scale(.35);filter:blur(6px)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:none}}.cx-f{width:100%;height:100%;position:relative}.cx-field.cx-float .cx-f{animation:var(--fk) var(--fd) ease-in-out var(--fs) infinite}@keyframes cxFloatA{50%{transform:translateY(-7px)}}@keyframes cxFloatB{50%{transform:translate(4px,-5px)}}@keyframes cxFloatC{50%{transform:translateY(6px)}}@keyframes cxFloatD{50%{transform:translate(-5px,-4px)}}@keyframes cxFloatE{50%{transform:translate(3px,5px)}}.cx-i{all:unset;box-sizing:border-box;cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,opacity .35s,filter .35s;display:flex;position:relative;box-shadow:0 8px 24px #0f172a14}.cx-i img{object-fit:contain;z-index:1;width:46%;height:46%;transition:transform .45s cubic-bezier(.34,1.56,.64,1);display:block;position:relative}.cx-fallback{font:700 14px var(--font-display);color:#2955ff66;z-index:0;position:absolute}.cx-name{white-space:nowrap;letter-spacing:.03em;color:#fff;background:var(--brand-gradient);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .35s var(--ease-spring);z-index:3;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-4px);box-shadow:0 6px 18px #2955ff4d}.cx-b:hover{z-index:20}.cx-b:hover .cx-i,.cx-i:focus-visible{transform:scale(1.28);box-shadow:0 12px 30px #2955ff38}.cx-b:hover .cx-i img{transform:scale(1.06)}.cx-b:hover .cx-name,.cx-i:focus-visible+.cx-name{opacity:1;transform:translate(-50%,10px)}.cx-field:hover .cx-b:not(:hover) .cx-i{opacity:.55;filter:saturate(.4);transform:scale(.94)}@media (max-width:768px){.conn-section{padding:80px 0 72px}.conn-header{margin-bottom:40px}}@media (max-width:700px){.cx-name{font-size:10px}.cx-fallback{font-size:11px}.cx-i{transform:scale(1.55)}.cx-name{transform:scale(1.15)}.cx-field{height:340px}.cx-fade{width:60px}}@media (max-width:480px){.conn-section{padding:56px 0}}@media (prefers-reduced-motion:reduce){.cx-b{opacity:1;filter:none;transform:none;animation:none!important}.cx-f{animation:none!important}}