html[data-skin=v4]{scroll-padding-top:80px;overflow-x:clip}html[data-skin=v4] body{font-family:var(--np-font-sans);background:var(--np-canvas);max-width:100%;color:var(--np-ink);overflow-x:clip}.hv4-root{--hv4-section-surface:color-mix(in srgb, var(--np-canvas) 92%, transparent);isolation:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:radial-gradient(circle at 76% 5%, color-mix(in srgb, var(--hv4-mint) 12%, transparent), transparent 26rem), var(--np-canvas);min-width:0;color:var(--np-ink);font-family:var(--np-font-sans);position:relative;overflow:clip}.hv4-root :is(input,textarea,[contenteditable=true],[contenteditable=""],[contenteditable=plaintext-only],pre,code,[data-selectable]){-webkit-user-select:text;-moz-user-select:text;user-select:text}html[data-skin=v4][data-theme=dark] .hv4-root{background:radial-gradient(ellipse at 68% 5%, #3671ff33, transparent 38rem), radial-gradient(ellipse at 16% 28%, #6f45ff21, transparent 34rem), var(--np-canvas)}.hv4-root main,.hv4-footer{z-index:1;position:relative}.hv4-root a,.hv4-root button{-webkit-tap-highlight-color:transparent}.hv4-root a:focus-visible,.hv4-root button:focus-visible{outline:3px solid color-mix(in srgb, var(--np-accent) 58%, transparent);outline-offset:3px}.hv4-skip-link{z-index:100;background:var(--np-ink);color:var(--np-canvas);border-radius:.55rem;padding:.7rem 1rem;font-size:.875rem;font-weight:700;transition:transform .2s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.hv4-skip-link:focus{transform:translateY(0)}.hv4-skip-link--footer{left:9rem}.hv4-page-scroll-trace{--hv4-page-thumb-offset:0px;--hv4-page-thumb-size:4rem;z-index:70;opacity:.9;pointer-events:none;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:.55rem;width:.8rem;height:min(58vh,34rem);display:grid;position:fixed;top:18vh;right:.55rem}.hv4-page-scroll-trace>small{color:color-mix(in srgb, var(--np-accent) 62%, transparent);font-family:var(--np-font-mono);letter-spacing:.04em;font-size:.44rem;font-weight:760}.hv4-page-scroll-trace>span{background:color-mix(in srgb, var(--np-accent) 14%, transparent);border-radius:99px;width:2px;height:100%;display:block;position:relative}.hv4-page-scroll-trace i{width:3px;height:var(--hv4-page-thumb-size);background:linear-gradient(180deg, var(--hv4-cyan) 0%, var(--hv4-mint) 52%, var(--hv4-lime) 100%);box-shadow:0 0 .7rem color-mix(in srgb, var(--hv4-mint) 76%, transparent), 0 0 1.4rem color-mix(in srgb, var(--hv4-cyan) 38%, transparent);transform:translate(-50%, var(--hv4-page-thumb-offset));border-radius:99px;transition:height .22s,transform .1s linear;animation:2.4s ease-in-out infinite hv4-scroll-trace-pulse;position:absolute;top:0;left:50%}@keyframes hv4-scroll-trace-pulse{0%,to{filter:saturate(.94)brightness(.98)}50%{filter:saturate(1.18)brightness(1.16)}}.hv4-shell{width:min(100% - 3rem,1760px);margin-inline:auto}.hv4-flow-field{z-index:0;opacity:1;mix-blend-mode:normal;height:100svh;position:fixed!important}html[data-skin=v4][data-theme=dark] .hv4-flow-field{opacity:1;mix-blend-mode:normal}.hv4-flow-canvas{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .32s;display:block;position:absolute;inset:0}.hv4-flow-canvas[data-active=true]{opacity:1}.hv4-flow-fallback{opacity:0;background:repeating-linear-gradient(145deg,#0000 0%,#5283dc29 14%,#0000 27%,#fffbf55c 38%,#0000 48%),linear-gradient(118deg,#c4e0ff 0%,#b2e6fa 48%,#c7d8ff 80%,#dcd1ff 100%);transition:opacity .32s}.hv4-flow-fallback[data-active=true]{opacity:1}html[data-skin=v4][data-theme=dark] .hv4-flow-fallback{background:repeating-linear-gradient(145deg,#0000 0%,#030718a6 14%,#0000 27%,#93b4ea14 38%,#0000 48%),linear-gradient(118deg,#16354f 0%,#244465 48%,#34345f 80%,#453361 100%)}.hv4-eyebrow,.hv4-section-label{color:color-mix(in srgb, var(--np-accent) 64%, var(--np-ink));font-family:var(--np-font-mono);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600;line-height:1.55}.hv4-gradient-text{color:#0000;background:linear-gradient(100deg,#1660d8 0%,#3867e1 48%,#7452d6 100%);-webkit-background-clip:text;background-clip:text;width:fit-content;display:block}html[data-skin=v4][data-theme=dark] .hv4-gradient-text{background-image:linear-gradient(100deg,#5bc9ff 0%,#62b0ff 44%,#8d7dff 100%)}.hv4-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hv4-button{border:1px solid #0000;border-radius:.62rem;justify-content:center;align-items:center;gap:.55rem;min-height:46px;padding:.75rem 1.15rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:inline-flex}.hv4-button:hover{transform:translateY(-2px)}.hv4-button--primary{background:var(--hv4-primary-fill,linear-gradient(110deg, #087dad, #13865e));box-shadow:0 10px 26px color-mix(in srgb, var(--np-accent) 22%, transparent);color:#fff}.hv4-button--primary:hover{box-shadow:0 14px 32px color-mix(in srgb, var(--np-accent) 28%, transparent)}.hv4-button--secondary{border-color:var(--np-line-strong);background:color-mix(in srgb, var(--np-raised) 72%, transparent);color:var(--np-ink);box-shadow:0 6px 22px #23498f0d}.hv4-intro{isolation:isolate;display:flow-root;position:relative}.hv4-intro:before{z-index:0;background:linear-gradient(180deg, transparent calc(100% - clamp(280px, 34svh, 440px)), var(--hv4-section-surface) calc(100% - 72px));content:"";pointer-events:none;position:absolute;inset:0}.hv4-hero{flex-direction:column;justify-content:space-between;min-height:100svh;padding-top:4rem;display:flex;position:relative;overflow:hidden}.hv4-hero__art{z-index:-1;-o-object-fit:cover;object-fit:cover;-o-object-position:center right;object-position:center right;opacity:.88;filter:saturate(1.04)contrast(.98);mix-blend-mode:multiply;pointer-events:none;will-change:transform;width:min(86vw,1260px);max-width:none;height:112%;position:absolute;top:-10%;right:-18%}html[data-skin=v4][data-theme=dark] .hv4-hero__art{opacity:.34;filter:saturate(1.15)brightness(.64)contrast(1.12);mix-blend-mode:screen}.hv4-hero__inner{z-index:2;grid-template-columns:minmax(0,.94fr) minmax(450px,1.06fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:calc(100svh - 12.5rem);padding-block:clamp(5.2rem,11vh,8.2rem) 3rem;display:grid;position:relative}.hv4-hero__copy{z-index:2;max-width:650px;position:relative}.hv4-product-label{border-bottom:1px solid var(--np-line);align-items:center;gap:.65rem;width:fit-content;margin-bottom:clamp(2.4rem,7vh,4.5rem);padding-bottom:.8rem;display:flex}.hv4-product-label__mark,.hv4-mini-brand,.hv4-wordmark__mark{border:1px solid color-mix(in srgb, var(--np-accent) 26%, var(--np-line));background:linear-gradient(145deg, color-mix(in srgb, var(--hv4-cyan) 16%, var(--np-raised)), color-mix(in srgb, var(--hv4-mint) 16%, var(--np-raised)));width:2rem;height:2rem;color:var(--np-accent);font-family:var(--np-font-mono);border-radius:.35rem;flex:none;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.hv4-product-label>span:nth-child(2){gap:.13rem;display:grid}.hv4-product-label strong{font-size:.8rem;line-height:1}.hv4-product-label small,.hv4-product-label em{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.11em;font-size:.56rem;font-style:normal;line-height:1.1}.hv4-product-label i{background:var(--hv4-mint);width:.35rem;height:.35rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--hv4-mint) 15%, transparent);border-radius:50%;margin-left:.5rem}.hv4-hero .hv4-eyebrow{max-width:42rem;margin-bottom:1.15rem}.hv4-hero h1{color:var(--np-ink);letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(3.05rem,5vw,5.8rem);font-weight:720;line-height:.98}.hv4-hero h1>span{display:block}html[lang=zh-CN] .hv4-hero h1>span:first-child{white-space:nowrap}.hv4-hero__sub{max-width:39rem;color:var(--np-ink-muted);margin:1.6rem 0 0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.78}.hv4-hero .hv4-actions{margin-top:1.9rem}.hv4-assurance{max-width:35rem;color:var(--np-ink-faint);font-family:var(--np-font-mono);align-items:flex-start;gap:.45rem;margin:.65rem 0 0;font-size:.67rem;line-height:1.55;display:flex}.hv4-assurance svg{color:var(--np-accent);flex:none;margin-top:.1rem}.hv4-hero__visual{z-index:1;will-change:transform;min-width:0;position:relative}.hv4-card-fan{--fan-rx:0deg;--fan-ry:0deg;perspective:1100px;width:min(100%,570px);height:440px;transform:rotateX(var(--fan-rx)) rotateY(var(--fan-ry));transform-style:preserve-3d;margin-inline:auto;transition:transform .25s ease-out;position:relative}.hv4-paycard{aspect-ratio:1.585;color:#fffffff5;transform-origin:14% 90%;width:325px;transform-style:preserve-3d;border:1px solid #ffffff8f;border-radius:1.1rem;flex-direction:column;justify-content:space-between;padding:1.45rem;display:flex;position:absolute;top:8rem;left:5rem;overflow:hidden;box-shadow:0 32px 48px #0f55482e,inset 0 1px #ffffff7a}.hv4-paycard:before,.hv4-paycard:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.hv4-paycard:before{filter:blur(16px);background:#ffffff38;width:110%;height:95%;top:-40%;left:5%;transform:rotate(-14deg)}.hv4-paycard:after{filter:blur(22px);background:#ffffff29;width:80%;height:80%;bottom:-38%;right:-15%}.hv4-paycard:first-child{transform:translate3d(-42px,40px,-48px)rotate(-25deg)}.hv4-paycard:nth-child(2){transform:translate3d(-8px,14px,-30px)rotate(-15deg)}.hv4-paycard:nth-child(3){transform:translate3d(28px,-2px,-14px)rotate(-5deg)}.hv4-paycard:nth-child(4){transform:translate3d(70px,-10px,18px)rotate(9deg)}.hv4-paycard--violet{background:linear-gradient(135deg,#6b32b9,#922fb0 46%,#28559b)}.hv4-paycard--coral{background:linear-gradient(135deg,#d24863,#d66732 48%,#7b3e96)}.hv4-paycard--blue{background:linear-gradient(135deg,#187baf,#29a9ba 52%,#4457a7)}.hv4-paycard--mint{background:linear-gradient(135deg,#26b9bc,#4dcfa2 48%,#b2c85d)}.hv4-paycard__brand,.hv4-paycard__number,.hv4-paycard__foot{z-index:1;position:relative}.hv4-paycard__brand{letter-spacing:.16em;font-size:.72rem;font-weight:760}.hv4-paycard__chip{z-index:1;background:linear-gradient(90deg,#0000 45%,#56410838 46% 51%,#0000 52%),linear-gradient(#0000 48%,#56410838 49% 54%,#0000 55%),linear-gradient(145deg,#ffe194,#d9b85f);border:1px solid #7a5b1433;border-radius:.4rem;width:2.7rem;height:2.05rem;margin-top:.9rem;position:relative}.hv4-paycard__number{font-family:var(--np-font-mono);letter-spacing:.06em;margin-top:auto;font-size:.76rem}.hv4-paycard__foot{font-family:var(--np-font-mono);letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.54rem;display:flex}.hv4-paycard__orbit{font-size:1.45rem}.hv4-card-shadow{z-index:-1;filter:blur(30px);background:#12675433;border-radius:50%;width:72%;height:14%;position:absolute;bottom:2.3rem;right:1rem;transform:rotate(-6deg)}.hv4-benefit-rail{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:22px;list-style:none;display:grid;position:relative}.hv4-benefit{align-items:center;gap:14px;min-width:0;padding-inline:28px;display:flex;position:relative}.hv4-benefit:first-child{padding-left:0}.hv4-benefit:last-child{padding-right:0}.hv4-benefit:not(:last-child):after{background:var(--np-line);content:"";width:1px;height:32px;position:absolute;top:calc(50% - 16px);right:0}.hv4-benefit__icon{height:42px;color:var(--np-accent);background:color-mix(in srgb, var(--np-accent) 7%, transparent);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.hv4-benefit>div{gap:4px;min-width:0;display:grid}.hv4-benefit strong{overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.5}.hv4-benefit small{color:var(--np-ink-muted);font-family:var(--np-font-sans);font-size:13px;line-height:1.6}.hv4-intro+.hv4-modes{padding-top:64px}@media (width<=1100px){.hv4-benefit-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 32px}.hv4-benefit{padding-inline:0}.hv4-benefit:after{display:none}}@media (width<=767px){.hv4-benefit-rail{gap:22px 18px;padding-block:22px}.hv4-benefit{align-items:flex-start;gap:10px}.hv4-benefit__icon{border-radius:9px;flex-basis:32px;height:32px}.hv4-benefit__icon svg{width:18px;height:18px}.hv4-benefit strong{font-size:12px}.hv4-benefit small{font-size:11px}.hv4-intro+.hv4-modes{padding-top:36px}}.hv4-proof{background:linear-gradient(var(--hv4-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hv4-grid) 1px, transparent 1px), color-mix(in srgb, var(--np-canvas) 88%, transparent);background-size:64px 64px;padding-block:clamp(7rem,15vw,12rem);position:relative}.hv4-proof:after{aspect-ratio:1;border:1px solid var(--np-line);width:min(38vw,34rem);box-shadow:0 0 0 3rem color-mix(in srgb, var(--np-line) 45%, transparent), 0 0 0 7rem color-mix(in srgb, var(--np-line) 22%, transparent);content:"";opacity:.35;pointer-events:none;border-radius:50%;position:absolute;bottom:7%;right:3%}.hv4-proof__grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);align-items:start;gap:clamp(4rem,9vw,9rem);display:grid;position:relative}.hv4-proof__intro h2,.hv4-section-head h2,.hv4-trace__copy h2,.hv4-api__copy h2,.hv4-closing h2,.hv4-brand-bridge h2{letter-spacing:-.058em;text-wrap:balance;margin:1.05rem 0 0;font-size:clamp(2.4rem,4.4vw,5.2rem);font-weight:690;line-height:1.02}.hv4-proof__intro>p:last-of-type{max-width:38rem;color:var(--np-ink-muted);margin:1.55rem 0 0;font-size:1rem;line-height:1.8}.hv4-boundary-line{border-top:1px solid var(--np-line);grid-template-columns:auto auto minmax(3rem,1fr);align-items:center;gap:1rem;margin-top:5rem;padding-top:1rem;display:grid}.hv4-boundary-line span,.hv4-boundary-line strong{font-family:var(--np-font-mono);letter-spacing:.07em;font-size:.7rem}.hv4-boundary-line span{color:var(--np-accent)}.hv4-boundary-line strong{color:var(--np-ink-muted);font-weight:550}.hv4-boundary-line i{background:linear-gradient(90deg, var(--np-line-strong), transparent);height:1px}.hv4-proof__cards{gap:.85rem;display:grid}.hv4-proof-card{border:1px solid var(--np-line);background:color-mix(in srgb, var(--hv4-paper) 88%, transparent);backdrop-filter:blur(16px);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1.3rem;display:grid;position:relative;box-shadow:0 14px 50px #1a54450d}.hv4-proof-card:nth-child(2){transform:translate(-2rem)}.hv4-proof-card>span{border:1px solid color-mix(in srgb, var(--np-accent) 22%, var(--np-line));background:color-mix(in srgb, var(--np-accent) 8%, var(--np-raised));width:2.5rem;height:2.5rem;color:var(--np-accent);border-radius:.65rem;justify-content:center;align-items:center;display:inline-flex}.hv4-proof-card strong{margin-top:.05rem;font-size:.9rem;display:block}.hv4-proof-card p{color:var(--np-ink-muted);margin:.32rem 0 0;font-size:.82rem;line-height:1.6}.hv4-proof-card small{color:var(--np-ink-faint);font-family:var(--np-font-mono);font-size:.64rem}.hv4-modes{border-bottom:1px solid var(--np-line);background:color-mix(in srgb, var(--np-raised) 52%, transparent);padding-block:clamp(6.5rem,13vw,10rem);position:relative}.hv4-modes__pin{position:relative}.hv4-anchor{position:absolute;top:-4.5rem}.hv4-section-head{grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);align-items:end;gap:4rem;display:grid}.hv4-section-head h2{max-width:48rem;font-size:clamp(2.5rem,4.7vw,5.4rem)}.hv4-section-head>p{color:var(--np-ink-muted);margin:0;font-size:.95rem;line-height:1.75}.hv4-mode-tabs{border:1px solid var(--np-line);background:color-mix(in srgb, var(--np-surface) 70%, transparent);border-bottom:0;border-radius:.8rem .8rem 0 0;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3.5rem;display:grid}.hv4-mode-tabs button{border:0;border-right:1px solid var(--np-line);min-height:4.2rem;color:var(--np-ink-muted);cursor:pointer;text-align:left;background:0 0;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.7rem;padding:1rem 1.2rem;display:grid}.hv4-mode-tabs button:last-child{border-right:0}.hv4-mode-tabs button[aria-selected=true]{background:color-mix(in srgb, var(--hv4-mint) 13%, var(--np-raised));box-shadow:inset 0 -3px 0 var(--hv4-mint);color:var(--np-ink)}.hv4-mode-tabs button>span{color:var(--np-ink-faint);font-family:var(--np-font-mono);font-size:.62rem}.hv4-mode-tabs button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:650;overflow:hidden}.hv4-mode-panel{border:1px solid var(--np-line);background:color-mix(in srgb, var(--hv4-paper) 88%, transparent);min-height:620px;box-shadow:var(--hv4-shadow);backdrop-filter:blur(20px);border-radius:0 0 1.25rem 1.25rem;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,4.6rem);animation:.56s cubic-bezier(.2,.82,.2,1) both hv4-mode-enter;display:grid;position:relative;overflow:hidden}.hv4-mode-panel:before{z-index:2;background:linear-gradient(90deg, var(--hv4-cyan), var(--hv4-mint), var(--hv4-lime));content:"";opacity:.72;height:2px;transform:scaleX(calc(.12 + var(--mode-progress,0) * .88));transform-origin:0;position:absolute;top:0;left:0;right:0}.hv4-mode-panel__copy{z-index:2;position:relative}.hv4-mode-panel__copy h3{letter-spacing:-.055em;text-wrap:balance;margin:1rem 0 0;font-size:clamp(2.3rem,3.8vw,4.5rem);font-weight:700;line-height:1.02}.hv4-mode-panel__copy>p:not(.hv4-section-label){max-width:31rem;color:var(--np-ink-muted);margin:1.35rem 0 0;font-size:.96rem;line-height:1.75}.hv4-mode-panel__copy .hv4-button{margin-top:1.8rem}.hv4-mode-visual{border:1px solid var(--np-line);background:linear-gradient(var(--hv4-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hv4-grid) 1px, transparent 1px), linear-gradient(145deg, color-mix(in srgb, var(--hv4-cyan) 8%, var(--np-raised)), color-mix(in srgb, var(--hv4-mint) 9%, var(--np-raised)));background-size:36px 36px,36px 36px,auto;border-radius:1.15rem;min-height:430px;position:relative;box-shadow:inset 0 1px #ffffff73}.hv4-mode-visual--interactive{cursor:pointer;outline:none;transition:border-color .26s,box-shadow .26s,transform .42s cubic-bezier(.2,.82,.2,1)}.hv4-mode-visual--interactive:is(:hover,:focus-visible){border-color:color-mix(in srgb, var(--np-accent) 42%, var(--np-line));box-shadow:inset 0 1px 0 #ffffff73, 0 24px 64px color-mix(in srgb, var(--np-accent) 13%, transparent);transform:translateY(-4px)}.hv4-mode-visual--interactive:focus-visible{outline:3px solid color-mix(in srgb, var(--np-accent) 56%, transparent);outline-offset:4px}.hv4-mode-visual__hint{z-index:6;border:1px solid var(--np-line);background:color-mix(in srgb, var(--hv4-paper-solid) 91%, transparent);min-height:2.6rem;box-shadow:0 12px 32px color-mix(in srgb, var(--np-ink) 12%, transparent);color:var(--np-ink-muted);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:.42rem;padding-inline:.78rem;font-size:.68rem;font-weight:650;display:inline-flex;position:absolute;bottom:1rem;right:1rem}.hv4-mode-visual__hint svg{transition:transform .2s}.hv4-mode-visual--interactive:is(:hover,:focus-visible) .hv4-mode-visual__hint svg{transform:translate(.2rem)}.hv4-browser-bar{border-bottom:1px solid var(--np-line);align-items:center;gap:.38rem;height:2.7rem;padding-inline:.9rem;display:flex}.hv4-browser-bar>span,.hv4-code-window__bar>span{background:var(--np-line-strong);border-radius:50%;width:.48rem;height:.48rem}.hv4-browser-bar strong{color:var(--np-ink-faint);font-family:var(--np-font-mono);margin-left:.5rem;font-size:.58rem;font-weight:500}.hv4-link-ticket{border:1px solid var(--np-line);background:var(--hv4-paper-solid);border-radius:1rem;justify-items:center;width:min(76%,330px);padding:1.6rem;display:grid;position:absolute;top:5.2rem;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 28px 64px #16534429}.hv4-link-ticket p{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.1em;margin:.8rem 0 0;font-size:.55rem}.hv4-link-ticket>strong{font-family:var(--np-font-mono);margin-top:1.4rem;font-size:2rem}.hv4-link-ticket>span{color:var(--np-ink-faint);font-family:var(--np-font-mono);margin-top:.35rem;font-size:.6rem}.hv4-preview-action{background:linear-gradient(105deg, var(--hv4-cyan), var(--hv4-mint));color:#fff;border:0;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;width:100%;min-height:2.8rem;margin-top:1.4rem;font-size:.78rem;font-weight:700;display:flex}.hv4-status-pill{border:1px solid var(--np-line);background:var(--hv4-paper-solid);color:var(--np-ink-muted);font-family:var(--np-font-mono);border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .72rem;font-size:.6rem;display:flex;position:absolute;bottom:1.2rem;right:1.2rem}.hv4-mode-visual--qr{perspective:1000px;justify-content:center;align-items:center;display:flex}.hv4-counter-card{border:1px solid var(--np-line);background:var(--hv4-paper-solid);border-radius:1.15rem;justify-items:center;width:250px;min-height:340px;padding:1.25rem;display:grid;position:absolute;transform:rotateY(-8deg)rotate(2deg);box-shadow:0 28px 70px #154b3e2b}.hv4-counter-card--back{opacity:.36;transform:translate(-100px)translateZ(-50px)rotateY(10deg)rotate(-8deg)}.hv4-counter-card>strong{margin-top:.55rem;font-size:1rem}.hv4-counter-card>span{color:var(--np-ink-faint);font-family:var(--np-font-mono);font-size:.54rem}.hv4-qr-pattern{aspect-ratio:1;background-blend-mode:multiply;width:150px;box-shadow:0 0 0 1px var(--np-line);background:repeating-linear-gradient(0deg,#0b241c 0 5px,#0000 5px 9px),repeating-linear-gradient(90deg,#0b241c 0 5px,#0000 5px 9px),#fff;border:.65rem solid #fff;margin-block:1rem}.hv4-scan-line{background:var(--hv4-mint);height:2px;box-shadow:0 0 16px var(--hv4-mint);opacity:.75;position:absolute;top:47%;left:18%;right:18%}.hv4-mode-visual--embed{perspective:1100px}.hv4-code-chip{border:1px solid var(--np-line);background:var(--hv4-paper-solid);color:var(--np-ink-muted);font-family:var(--np-font-mono);border-radius:.6rem;padding:.6rem .8rem;font-size:.58rem;position:absolute;top:1.4rem;left:1.4rem}.hv4-embed-card{border:1px solid var(--np-line);background:var(--hv4-paper-solid);border-radius:1rem;width:250px;padding:1.2rem;position:absolute;top:6.4rem;left:14%;transform:rotateY(4deg)rotate(-2deg);box-shadow:0 28px 64px #104d3e2b}.hv4-embed-brand{align-items:center;gap:.55rem;font-size:.72rem;font-weight:650;display:flex}.hv4-embed-brand .hv4-mini-brand{width:1.65rem;height:1.65rem}.hv4-embed-brand small{color:var(--np-ink-faint);font-family:var(--np-font-mono);margin-left:auto;font-size:.48rem}.hv4-embed-card p{color:var(--np-ink-faint);margin:1.4rem 0 .35rem;font-size:.7rem}.hv4-embed-card>strong{font-family:var(--np-font-mono);font-size:1.8rem}.hv4-embed-row,.hv4-embed-bar{border:1px solid var(--np-line);align-items:center;gap:.7rem;display:flex;position:absolute;box-shadow:0 16px 38px #0e473824}.hv4-embed-row{background:var(--hv4-paper-solid);width:275px;font-family:var(--np-font-mono);border-radius:.65rem;padding:.72rem;font-size:.58rem;top:12rem;right:7%}.hv4-embed-row span{background:linear-gradient(105deg, var(--hv4-cyan), var(--hv4-mint));color:#fff;border-radius:.42rem;margin-left:auto;padding:.45rem .6rem}.hv4-embed-bar{background:linear-gradient(105deg, var(--hv4-cyan), var(--hv4-mint));color:#fff;border-radius:.65rem;justify-content:center;width:300px;padding:.95rem;font-size:.74rem;font-weight:700;bottom:4.5rem;right:5%}.hv4-payment-link-demo{filter:drop-shadow(0 24px 28px #0c241f33);position:absolute;inset:8% 3% 9%}.hv4-demo-terminal,.hv4-demo-router,.hv4-demo-phone{color:#e8f2ee;font-family:var(--np-font-mono);border:1px solid #ffffff1a;position:absolute;overflow:hidden}.hv4-demo-terminal,.hv4-demo-router{background:radial-gradient(circle at 82% 14%,#37d39c1f,#0000 35%),#11131a;top:10%;bottom:8%}.hv4-demo-terminal{z-index:2;border-radius:.55rem 0 0 .55rem;width:32%;padding:1rem;left:4%;transform:rotateY(3deg)}.hv4-demo-router{z-index:1;background:radial-gradient(circle at 78% 18%,#37d39c1a,#0000 38%),#101219;border-left-color:#ffffff0f;border-radius:0 .55rem .55rem 0;width:43%;padding:1rem 1.1rem;left:34%}.hv4-demo-terminal header,.hv4-demo-router header,.hv4-demo-phone header{align-items:center;gap:.42rem;display:flex}.hv4-demo-terminal header strong,.hv4-demo-router header strong,.hv4-demo-phone header strong{font-size:.58rem}.hv4-demo-terminal header small,.hv4-demo-router header small{color:#67817a;margin-left:auto;font-size:.42rem}.hv4-demo-terminal>b{letter-spacing:-.04em;margin-top:1.55rem;font-size:clamp(1.1rem,2.2vw,1.8rem);display:block}.hv4-demo-terminal>p{color:#71817d;margin:.3rem 0 1.15rem;font-size:.44rem}.hv4-demo-terminal dl{border-top:1px solid #def5ed14;gap:.45rem;margin:0;padding-top:.75rem;display:grid}.hv4-demo-terminal dl>div{justify-content:space-between;gap:1rem;display:flex}.hv4-demo-terminal dt,.hv4-demo-terminal dd{color:#71817d;margin:0;font-size:.42rem}.hv4-demo-terminal dd{color:#c6d5d0}.hv4-demo-terminal__button{color:#fff;background:linear-gradient(105deg,#14a6c8,#2cc78c);border-radius:.35rem;place-items:center;min-height:2rem;margin-top:.9rem;font-size:.48rem;font-weight:750;display:grid}.hv4-demo-receipt{color:#8ca198;letter-spacing:.08em;text-align:center;white-space:nowrap;background:#f8fbf9;padding:.35rem;font-size:.35rem;font-style:normal;position:absolute;bottom:0;left:.45rem;right:.45rem;overflow:hidden}.hv4-demo-method{border-bottom:1px solid #def5ed12;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;min-height:3rem;padding-inline:.65rem;display:grid}.hv4-demo-method:first-of-type{border-top:1px solid #def5ed12;margin-top:1rem}.hv4-demo-method>span{aspect-ratio:1;color:#42d4a0;background:#30bd831f;border-radius:.35rem;place-items:center;width:1.35rem;font-size:.42rem;display:grid}.hv4-demo-method strong{font-size:.52rem}.hv4-demo-method i{color:#547069;font-size:.36rem;font-style:normal}.hv4-demo-router__signal{align-items:end;gap:.28rem;height:2.4rem;display:flex;position:absolute;bottom:.8rem;left:1rem;right:1rem}.hv4-demo-router__signal i{background:linear-gradient(#35d19d,#35d19d14);border-radius:.18rem .18rem 0 0;flex:1}.hv4-demo-router__signal i:first-child{height:35%}.hv4-demo-router__signal i:nth-child(2){height:78%}.hv4-demo-router__signal i:nth-child(3){height:55%}.hv4-demo-router__signal i:nth-child(4){height:92%}.hv4-demo-phone{z-index:4;color:#11251f;background:#f5faf8;border-color:#16433b24;border-radius:1.65rem;width:27%;padding:1.25rem .82rem .8rem;top:4%;bottom:2%;right:2%;transform:rotate(3deg);box-shadow:0 24px 48px #041d173d,inset 0 0 0 3px #0d26200d}.hv4-demo-phone__speaker{background:#17241f;border-radius:99px;width:34%;height:.3rem;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}.hv4-demo-phone>small{color:#789087;letter-spacing:.08em;margin-top:1.6rem;font-size:.4rem;display:block}.hv4-demo-phone>b{margin-top:.32rem;font-size:clamp(1rem,2vw,1.55rem);display:block}.hv4-demo-phone__method{border:1px solid #0d44371a;border-radius:.45rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;min-height:2.8rem;margin-top:1rem;padding:.55rem;font-size:.46rem;display:grid}.hv4-demo-phone__method>span{color:#148fc7}.hv4-demo-phone__button{color:#fff;background:linear-gradient(105deg,#22b3d0,#33cb91);border-radius:.48rem;place-items:center;min-height:2.25rem;font-size:.46rem;font-weight:760;display:grid;position:absolute;bottom:.85rem;left:.75rem;right:.75rem}.hv4-demo-caption{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.08em;font-size:.44rem;position:absolute;bottom:3%;right:4%}.hv4-onecode-board{position:absolute;inset:4% 3%}.hv4-onecode-board__label,.hv4-onecode-board__status{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.08em;font-size:.46rem;position:absolute}.hv4-onecode-board__label{top:0;left:6%}.hv4-onecode-board__count{color:var(--np-accent);font-family:var(--np-font-mono);font-size:1.35rem;font-weight:520;position:absolute;top:-.25rem;right:6%}.hv4-onecode-board__status{bottom:0;right:5%}.hv4-onecode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid;position:absolute;inset:8% 7% 5%;transform:rotate(-4deg)}.hv4-onecode-card{border:1px solid #13463a1a;border-radius:.35rem;min-width:0;padding:.55rem;transform:rotate(1deg);box-shadow:0 12px 24px #0f372f1a}.hv4-onecode-card--violet,.hv4-onecode-card--night{color:#fff;background:#211742}.hv4-onecode-card--white{background:#f7fff9}.hv4-onecode-card>small{font-family:var(--np-font-mono);letter-spacing:.08em;font-size:.33rem}.hv4-onecode-card .hv4-qr-pattern{background-size:auto;border-width:.3rem;width:clamp(42px,7.4vw,72px);margin-block:.35rem}.hv4-onecode-card>span{color:currentColor;font-family:var(--np-font-mono);font-size:.3rem;bottom:.25rem;right:.35rem}.hv4-embed-snippet{z-index:4;border:1px solid var(--np-line);background:color-mix(in srgb, var(--hv4-paper-solid) 94%, transparent);color:var(--np-ink-faint);font-family:var(--np-font-mono);box-shadow:0 10px 28px color-mix(in srgb, var(--np-ink) 8%, transparent);border-radius:.35rem;padding:.52rem .75rem;font-size:.48rem;position:absolute;top:8%;left:4%}.hv4-embed-canvas{border:1px solid var(--np-line);background:color-mix(in srgb, var(--np-raised) 91%, transparent);box-shadow:0 22px 46px color-mix(in srgb, var(--np-ink) 12%, transparent);padding:1rem;position:absolute;inset:17% 4% 5% 9%;transform:rotate(1.5deg)}.hv4-embed-canvas>header{border-bottom:1px solid var(--np-line);color:var(--np-ink-faint);font-family:var(--np-font-mono);justify-content:space-between;gap:1rem;padding-bottom:.65rem;font-size:.42rem;display:flex}.hv4-embed-components{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:.8rem;min-height:75%;padding:.8rem;display:grid}.hv4-embed-checkout{border:1px solid var(--np-line);background:var(--hv4-paper-solid);box-shadow:0 12px 26px color-mix(in srgb, var(--np-ink) 10%, transparent);border-radius:.5rem;padding:.8rem}.hv4-embed-checkout>p{color:var(--np-ink-faint);margin:.8rem 0 .2rem;font-size:.45rem}.hv4-embed-checkout>strong{font-family:var(--np-font-mono);font-size:1.25rem}.hv4-embed-checkout .hv4-preview-action{min-height:2rem;margin-top:.7rem;font-size:.48rem}.hv4-embed-actions{gap:.65rem;display:grid}.hv4-embed-actions>span{border:1px solid var(--np-line);background:var(--hv4-paper-solid);min-height:3.1rem;box-shadow:0 10px 22px color-mix(in srgb, var(--np-ink) 8%, transparent);border-radius:.5rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.65rem;font-size:.48rem;display:grid}.hv4-embed-actions>span:first-child{color:#fff;background:linear-gradient(105deg,#1598c8,#34c98d)}.hv4-embed-actions em{color:#fff;background:linear-gradient(105deg,#1598c8,#34c98d);border-radius:.35rem;padding:.4rem;font-size:.4rem;font-style:normal}.hv4-embed-canvas>footer{color:var(--np-ink-faint);font-family:var(--np-font-mono);font-size:.35rem;position:absolute;bottom:.35rem;right:.75rem}.hv4-trace{background:radial-gradient(circle at 76% 46%, color-mix(in srgb, var(--hv4-mint) 12%, transparent), transparent 34rem), color-mix(in srgb, var(--np-canvas) 91%, transparent);min-height:100svh;position:relative}.hv4-trace__pin{align-items:center;min-height:100svh;padding-block:6.5rem 4rem;display:flex}.hv4-trace__grid{grid-template-columns:minmax(280px,.74fr) minmax(560px,1.26fr);align-items:center;gap:clamp(3rem,7vw,7rem);display:grid}.hv4-trace__copy h2{font-size:clamp(2.8rem,4.55vw,5rem)}.hv4-trace__copy>p:not(.hv4-section-label){max-width:31rem;color:var(--np-ink-muted);margin:1.4rem 0 0;font-size:.96rem;line-height:1.75}.hv4-trace-badges{flex-wrap:wrap;gap:.55rem;margin-top:2rem;display:flex}.hv4-trace-badges span{border:1px solid var(--np-line);background:color-mix(in srgb, var(--np-raised) 72%, transparent);min-height:2.1rem;color:var(--np-ink-muted);border-radius:999px;align-items:center;gap:.42rem;padding:.45rem .65rem;font-size:.67rem;display:inline-flex}.hv4-trace-console{border:1px solid var(--np-line-strong);background:color-mix(in srgb, var(--hv4-paper) 92%, transparent);box-shadow:var(--hv4-shadow);backdrop-filter:blur(22px);border-radius:1.15rem;padding:1.1rem;overflow:hidden}.hv4-trace-console__head{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:.45rem .25rem .85rem;font-size:.62rem;display:flex}.hv4-trace-console__head strong{color:var(--np-accent);font-weight:650}.hv4-trace-progress{background:var(--np-line);height:2px;margin-bottom:.75rem;overflow:hidden}.hv4-trace-progress i{background:linear-gradient(90deg, var(--hv4-cyan), var(--hv4-mint), var(--hv4-lime));transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.hv4-trace-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.hv4-trace-step{border:1px solid var(--np-line);background:color-mix(in srgb, var(--np-raised) 78%, transparent);border-radius:.58rem;grid-template-columns:auto minmax(0,1fr);gap:.62rem;min-width:0;padding:.75rem;display:grid}.hv4-trace-step>span{border:1px solid color-mix(in srgb, var(--np-accent) 22%, var(--np-line));width:1.65rem;height:1.65rem;color:var(--np-accent);border-radius:.45rem;justify-content:center;align-items:center;display:inline-flex}.hv4-trace-step>div{gap:.15rem;min-width:0;display:grid}.hv4-trace-step small{color:var(--np-ink-faint);font-family:var(--np-font-mono);font-size:.48rem}.hv4-trace-step strong{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:650;overflow:hidden}.hv4-trace-step code{color:var(--np-ink-faint);font-family:var(--np-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.46rem;overflow:hidden}.hv4-api{border-top:1px solid var(--np-line);background:linear-gradient(135deg, transparent 0 55%, color-mix(in srgb, var(--hv4-mint) 8%, transparent) 55% 72%, transparent 72%), color-mix(in srgb, var(--np-raised) 45%, transparent);padding-block:clamp(7rem,14vw,11rem);position:relative}.hv4-api__grid{grid-template-columns:minmax(300px,.78fr) minmax(540px,1.22fr);align-items:center;gap:clamp(4rem,8vw,8rem);display:grid}.hv4-api__copy>p:not(.hv4-section-label){max-width:34rem;color:var(--np-ink-muted);margin:1.45rem 0 0;font-size:.96rem;line-height:1.75}.hv4-api__copy ul{gap:.65rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.hv4-api__copy li{color:var(--np-ink-muted);align-items:center;gap:.55rem;font-size:.78rem;display:flex}.hv4-api__copy li svg{color:var(--hv4-mint)}.hv4-api__copy .hv4-actions{margin-top:2rem}.hv4-code-stage{perspective:1200px;min-height:500px;position:relative}.hv4-code-window{color:#d9f5e8;background:#071712;border:1px solid #88cdb42b;border-radius:1rem;width:min(90%,590px);position:absolute;top:1.2rem;left:0;overflow:hidden;transform:rotateY(-3deg)rotateX(1deg);box-shadow:0 34px 100px #01181157}.hv4-code-window__bar{border-bottom:1px solid #c7eede1c;align-items:center;gap:.4rem;height:3rem;padding-inline:1rem;display:flex}.hv4-code-window__bar>span:first-child{background:#ff8d82}.hv4-code-window__bar>span:nth-child(2){background:#ffd46b}.hv4-code-window__bar>span:nth-child(3){background:#64d9a1}.hv4-code-window__bar strong,.hv4-code-window__bar em{color:#89aa9d;font-family:var(--np-font-mono);font-size:.57rem;font-style:normal;font-weight:500}.hv4-code-window__bar strong{margin-left:.55rem}.hv4-code-window__bar em{margin-left:auto}.hv4-code-window pre{font-family:var(--np-font-mono);margin:0;padding:2rem;font-size:clamp(.72rem,1.12vw,.9rem);line-height:1.85;overflow:auto}.hv4-api-event{border:1px solid var(--np-line);background:color-mix(in srgb, var(--hv4-paper-solid) 93%, transparent);backdrop-filter:blur(16px);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:min(62%,340px);padding:.9rem;display:grid;position:absolute;right:0;box-shadow:0 18px 44px #0c3e3126}.hv4-api-event--request{top:8rem}.hv4-api-event--response{top:14.5rem;right:-1.5rem}.hv4-api-event--ledger{top:21rem;right:1.5rem}.hv4-api-event>span{color:var(--np-accent);font-family:var(--np-font-mono);font-size:.58rem}.hv4-api-event>div{gap:.16rem;display:grid}.hv4-api-event strong{font-size:.72rem}.hv4-api-event small{color:var(--np-ink-faint);font-family:var(--np-font-mono);font-size:.52rem}.hv4-api-event>svg{color:var(--hv4-mint)}.hv4-dialog-backdrop{z-index:1200;overscroll-behavior:contain;backdrop-filter:blur(16px)saturate(.82);background:#020612b3;place-items:center;padding:clamp(.75rem,3vw,2rem);animation:.22s both hv4-backdrop-enter;display:grid;position:fixed;inset:0;overflow-y:auto}.hv4-mode-dialog{border:1px solid var(--np-line-strong);background:radial-gradient(circle at 85% 8%, color-mix(in srgb, var(--hv4-cyan) 14%, transparent), transparent 25rem), var(--hv4-paper-solid);width:min(100%,70rem);max-height:calc(100svh - clamp(1.5rem,6vw,4rem));color:var(--np-ink);border-radius:clamp(1.15rem,2vw,1.65rem);outline:none;padding:clamp(1rem,2.4vw,1.65rem);animation:.42s cubic-bezier(.2,.82,.2,1) both hv4-dialog-enter;position:relative;overflow:auto;box-shadow:0 2.8rem 9rem #0000006b}.hv4-dialog-close{z-index:8;border:1px solid var(--np-line);background:color-mix(in srgb, var(--hv4-paper-solid) 90%, transparent);width:2.75rem;min-height:2.75rem;color:var(--np-ink);cursor:pointer;backdrop-filter:blur(12px);border-radius:50%;place-items:center;margin:0 0 -2.75rem auto;transition:border-color .18s,transform .18s;display:grid;position:sticky;top:0}.hv4-dialog-close:hover{border-color:var(--np-line-strong)}.hv4-mode-dialog__body{grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(1.35rem,3vw,2.6rem) 0 0}.hv4-mode-dialog__copy h2{letter-spacing:-.055em;text-wrap:balance;max-width:10ch;margin:.8rem 0 0;font-size:clamp(2.25rem,4.2vw,4.6rem);font-weight:720;line-height:1}.hv4-mode-dialog__copy>p:not(.hv4-section-label){color:var(--np-ink-muted);margin:1.15rem 0 0;font-size:.9rem;line-height:1.75}.hv4-mode-dialog__copy .hv4-button{margin-top:1.5rem}html[data-skin=v4][data-theme=dark] .hv4-code-window{color:#dce8ff;background:#050a1c;border-color:#71a8ff33;box-shadow:0 34px 100px #00000085}html[data-skin=v4][data-theme=dark] .hv4-code-window code{color:#cbdcff}html[data-skin=v4][data-theme=dark] .hv4-code-window__bar{border-color:#8eaeff1f}html[data-skin=v4][data-theme=dark] .hv4-code-window__bar strong,html[data-skin=v4][data-theme=dark] .hv4-code-window__bar em{color:#8194c4}@keyframes hv4-mode-enter{0%{opacity:.25;transform:translateY(18px)scale(.988)}to{opacity:1;transform:none}}@keyframes hv4-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes hv4-dialog-enter{0%{opacity:0;transform:translateY(1rem)scale(.985)}to{opacity:1;transform:none}}.hv4-brand-bridge{border-block:1px solid var(--np-line);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--hv4-mint) 12%, transparent), transparent 28rem), var(--np-canvas);min-height:82svh;padding-block:5rem;position:relative;overflow:hidden}.hv4-brand-bridge__meta{justify-content:space-between;align-items:center;display:flex}.hv4-brand-bridge__meta>span{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.1em;font-size:.62rem}.hv4-brand-bridge__word{width:max-content;color:color-mix(in srgb, var(--np-ink) 52%, transparent);letter-spacing:-.085em;white-space:nowrap;will-change:transform;margin-left:-1vw;padding-block:clamp(3.5rem,8vh,6rem);font-size:clamp(9rem,24vw,25rem);font-weight:740;line-height:.72}.hv4-brand-bridge__copy{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);align-items:end;gap:3rem;display:grid}.hv4-brand-bridge h2{max-width:46rem;font-size:clamp(2.3rem,4.3vw,4.8rem)}.hv4-brand-bridge__copy p{color:var(--np-ink-muted);margin:0;font-size:.95rem;line-height:1.75}.hv4-closing{background:linear-gradient(var(--hv4-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hv4-grid) 1px, transparent 1px), color-mix(in srgb, var(--np-raised) 48%, transparent);background-size:72px 72px;justify-content:center;align-items:center;min-height:94svh;padding-block:7rem 6rem;display:flex;position:relative;overflow:hidden}.hv4-closing__inner{z-index:2;text-align:center;justify-items:center;display:grid;position:relative}.hv4-closing h2{margin-top:1.15rem;font-size:clamp(3.2rem,7vw,7.6rem);line-height:.96}.hv4-closing h2 span{display:block}.hv4-closing__inner>p:not(.hv4-section-label){max-width:47rem;color:var(--np-ink-muted);margin:1.65rem 0 0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.75}.hv4-closing .hv4-actions{justify-content:center;margin-top:2rem}.hv4-closing__inner>small{max-width:38rem;color:var(--np-ink-faint);font-family:var(--np-font-mono);align-items:flex-start;gap:.42rem;margin-top:.75rem;font-size:.62rem;line-height:1.55;display:flex}.hv4-closing__inner>small svg{color:var(--np-accent);flex:none;margin-top:.08rem}.hv4-orbit{aspect-ratio:1;border:1px solid var(--np-line);pointer-events:none;border-radius:50%;width:min(72vw,850px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hv4-orbit:before,.hv4-orbit:after{border:1px solid var(--np-line);content:"";border-radius:50%;position:absolute;inset:18%}.hv4-orbit:after{inset:36%}.hv4-orbit i{border:2px solid var(--np-canvas);background:var(--hv4-mint);width:.72rem;height:.72rem;box-shadow:0 0 0 5px color-mix(in srgb, var(--hv4-mint) 13%, transparent);border-radius:50%;position:absolute}.hv4-orbit i:first-child{top:18%;left:12%}.hv4-orbit i:nth-child(2){background:var(--hv4-cyan);top:8%;right:25%}.hv4-orbit i:nth-child(3){bottom:36%;right:4%}.hv4-orbit i:nth-child(4){background:var(--hv4-lime);bottom:4%;right:28%}.hv4-orbit i:nth-child(5){background:var(--hv4-cyan);bottom:14%;left:9%}.hv4-closing__baseline{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.09em;align-items:center;gap:1rem;font-size:.58rem;display:flex;position:absolute;bottom:2rem;left:3rem;right:3rem}.hv4-closing__baseline i{background:linear-gradient(90deg, var(--hv4-cyan), var(--hv4-mint), var(--hv4-lime));opacity:.36;flex:1;height:1px}.hv4-footer{z-index:3;border-top:1px solid var(--np-line);background:var(--hv4-paper-solid);grid-template-rows:auto auto auto;display:grid;position:relative;overflow:hidden}.hv4-footer__top{grid-template-columns:minmax(23rem,.82fr) minmax(0,1.18fr);gap:clamp(3rem,7vw,7rem);width:calc(100% - 3rem);max-width:none;padding-block:clamp(1rem,1.5vw,1.5rem) clamp(3.25rem,4.5vw,4rem);display:grid}.hv4-wordmark{color:var(--np-ink);align-items:center;gap:.7rem;font-size:1.35rem;font-weight:720;text-decoration:none;display:inline-flex}.hv4-footer .hv4-wordmark{letter-spacing:-.035em;gap:.8rem;font-size:clamp(1.7rem,2.1vw,2.15rem);font-weight:700}.hv4-wordmark__logo{border-radius:.52rem;flex:none;width:2.35rem;height:2.35rem;display:block;box-shadow:0 .35rem 1rem #05193324}.hv4-footer__brand>p{max-width:27rem;color:var(--np-ink-muted);margin:1.4rem 0 0;font-size:.94rem;line-height:1.65}.hv4-footer__contacts{border:1px solid var(--np-line);grid-template-columns:repeat(2,minmax(0,1fr));max-width:32rem;margin-top:2rem;display:grid}.hv4-footer__contact{min-width:0;min-height:4.6rem;color:var(--np-ink-muted);grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:.35rem .75rem;padding:.8rem .9rem;text-decoration:none;transition:background .18s,color .18s;display:grid;position:relative}.hv4-footer__contact+.hv4-footer__contact{border-left:1px solid var(--np-line)}.hv4-footer__contact>span{min-width:0;color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.42rem;font-size:.55rem;display:inline-flex}.hv4-footer__contact>strong{color:var(--np-ink);font-family:var(--np-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:560;overflow:hidden}.hv4-footer__contact>svg{grid-area:1/2/span 2;align-self:center}.hv4-footer__contact:hover{background:color-mix(in srgb, var(--np-accent) 6%, transparent);color:var(--np-accent)}.hv4-footer__columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,4rem);display:grid}.hv4-footer__column-head{gap:.65rem;display:grid}.hv4-footer__column-head>span{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.12em;font-size:.57rem}.hv4-footer__columns h3{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:650}.hv4-footer__columns ul{gap:.55rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.hv4-footer__columns a{color:var(--np-ink-muted);font-size:.82rem;text-decoration:none}.hv4-footer__columns a:hover{color:var(--np-accent)}.hv4-footer__word{border-top:1px solid var(--np-line);width:calc(100% - 3rem);max-width:none;color:var(--np-ink);font-synthesis:none;letter-spacing:-.055em;text-align:left;white-space:nowrap;margin:0 auto;padding-block:clamp(2rem,4vw,3.5rem) .08em;font-family:Manrope,Inter Variable,sans-serif;font-size:clamp(10rem,20vw,20rem);font-weight:700;line-height:.78;overflow:visible}.hv4-footer__legal{z-index:1;border-top:1px solid var(--np-line);background:var(--np-canvas);position:relative}.hv4-footer__legal .hv4-shell{flex-wrap:wrap;align-items:baseline;gap:1.5rem;width:calc(100% - 3rem);max-width:none;min-height:3.5rem;padding-block:6px;display:flex}html[data-skin=v4][data-theme=dark] .hv4-footer{background:#071027;border-color:#7a97c721}html[data-skin=v4][data-theme=dark] .hv4-footer__word{color:#8497be29}html[data-skin=v4][data-theme=dark] .hv4-footer__legal{background:#071027;border-color:#7a97c721}.hv4-footer__legal p,.hv4-footer__legal a,.hv4-footer__legal button{color:var(--np-ink-faint);font-family:var(--np-font-sans);font-size:.6875rem;font-weight:400;line-height:1.5}.hv4-footer__legal p{white-space:nowrap;align-items:center;min-height:44px;margin:0;display:flex}.hv4-footer__legal ul{flex-wrap:wrap;flex:1;align-items:center;gap:0 1.25rem;margin:0;padding:0;list-style:none;display:flex}.hv4-footer__legal li{align-items:center;display:flex}.hv4-footer__legal a{white-space:nowrap;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.hv4-footer__legal a:hover{color:var(--np-ink-muted)}.hv4-footer__legal button{cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;min-height:44px;display:inline-flex}@media (width>=768px){.hv4-footer__legal .hv4-shell{padding-right:80px}}@media (width>=900px){.hv4-hero,.hv4-modes__pin,.hv4-trace__pin,.hv4-api,.hv4-finale__stage{min-height:100svh}.hv4-api{align-items:center;display:flex}.hv4-modes{padding-block:0}.hv4-modes__pin{grid-template-rows:auto auto minmax(0,1fr);align-content:center;min-height:100svh;padding-block:clamp(5.3rem,9vh,7rem) clamp(1.5rem,4vh,3rem);display:grid}.hv4-modes__pin .hv4-section-head h2{font-size:clamp(2.35rem,4vw,4.75rem)}.hv4-modes__pin .hv4-mode-tabs{margin-top:clamp(1.25rem,2.8vh,2.25rem)}.hv4-modes__pin .hv4-mode-panel{min-height:min(54svh,560px);padding:clamp(1.5rem,3.2vw,3.25rem)}.hv4-modes__pin .hv4-mode-visual{min-height:min(44svh,440px)}}@media (width<=1080px){.hv4-shell{width:min(100% - 2.5rem,960px)}.hv4-hero__inner{grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:1rem}.hv4-hero h1{font-size:clamp(3rem,5.5vw,4.7rem)}.hv4-card-fan{transform:scale(.84) rotateX(var(--fan-rx)) rotateY(var(--fan-ry));transform-origin:50%}.hv4-proof__grid{gap:4rem}.hv4-proof-card:nth-child(2){transform:none}.hv4-trace__grid{grid-template-columns:minmax(250px,.64fr) minmax(500px,1.36fr);gap:2.5rem}.hv4-api__grid{grid-template-columns:minmax(270px,.72fr) minmax(460px,1.28fr);gap:3rem}.hv4-api-event{width:min(68%,320px)}}@media (width>=900px) and (width<=1120px){.hv4-hero__inner{grid-template-columns:minmax(0,1fr) minmax(330px,.76fr);gap:.75rem}.hv4-hero__visual .ipc4{transform-origin:100%;transform:scale(.84)}}@media (width<=899px){.hv4-shell{width:min(100% - 2rem,720px)}.hv4-flow-field{opacity:1}.hv4-hero{min-height:100svh}.hv4-hero__art{opacity:.42;-o-object-position:center;object-position:center;width:180%;height:72%;top:20%;right:-78%}.hv4-hero__inner{grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding-block:7.5rem 2rem}.hv4-product-label{margin-bottom:2.8rem}.hv4-hero__copy{max-width:620px}.hv4-hero__visual{min-height:360px}.hv4-card-fan{transform-origin:top;height:380px;transform:scale(.82)}.hv4-proof__grid,.hv4-section-head,.hv4-mode-panel,.hv4-trace__grid,.hv4-api__grid,.hv4-brand-bridge__copy,.hv4-footer__top{grid-template-columns:1fr}.hv4-proof__grid,.hv4-section-head,.hv4-mode-panel,.hv4-trace__grid,.hv4-api__grid,.hv4-footer__top{gap:3rem}.hv4-section-head{align-items:start}.hv4-section-head>p{max-width:38rem}.hv4-boundary-line{margin-top:3rem}.hv4-mode-panel{min-height:auto;padding:1.5rem}.hv4-mode-panel__copy{padding:.8rem .25rem 0}.hv4-mode-visual{min-height:430px}.hv4-mode-dialog{max-height:calc(100svh - 1.5rem);padding:1rem}.hv4-mode-dialog__body{grid-template-columns:1fr}.hv4-mode-dialog__copy h2{max-width:15ch}.hv4-trace__pin{min-height:auto;padding-block:7rem}.hv4-trace__grid{align-items:start}.hv4-trace-step{opacity:1!important;transform:none!important}.hv4-trace-progress i{transform:scaleX(1)!important}.hv4-api__grid{align-items:start}.hv4-api__copy{max-width:620px}.hv4-code-stage{width:min(100%,680px);margin-inline:auto}.hv4-brand-bridge{min-height:auto}.hv4-brand-bridge__word{font-size:clamp(8rem,30vw,15rem)}.hv4-brand-bridge__copy{align-items:start}.hv4-brand-bridge__copy p{max-width:36rem}.hv4-footer__top{padding-block:4rem 4.5rem}}@media (width<=640px){.hv4-shell{width:min(100% - 1.5rem,560px)}.hv4-eyebrow,.hv4-section-label{letter-spacing:.08em;font-size:.68rem}.hv4-hero__inner{padding-top:6.6rem}.hv4-product-label{gap:.48rem}.hv4-product-label i,.hv4-product-label em{display:none}.hv4-hero h1{letter-spacing:-.058em;font-size:clamp(2.65rem,11.8vw,3.5rem);line-height:1.01}.hv4-hero__sub,.hv4-proof__intro>p:last-of-type,.hv4-section-head>p,.hv4-mode-panel__copy>p:not(.hv4-section-label),.hv4-trace__copy>p:not(.hv4-section-label),.hv4-api__copy>p:not(.hv4-section-label),.hv4-closing__inner>p:not(.hv4-section-label){font-size:.96rem;line-height:1.72}.hv4-actions{align-items:stretch}.hv4-actions .hv4-button{flex:12rem}.hv4-assurance{font-size:.7rem}.hv4-hero__visual{min-height:278px;margin-inline:-1rem}.hv4-card-fan{transform-origin:top;width:430px;height:350px;margin-left:50%;transform:translate(-50%)scale(.64)}.hv4-proof,.hv4-modes,.hv4-api{padding-block:6rem}.hv4-proof:after{display:none}.hv4-proof__intro h2,.hv4-section-head h2,.hv4-trace__copy h2,.hv4-api__copy h2,.hv4-brand-bridge h2{font-size:clamp(2.3rem,11vw,3.5rem);line-height:1.05}.hv4-boundary-line{grid-template-columns:auto minmax(0,1fr)}.hv4-boundary-line i{display:none}.hv4-proof-card{grid-template-columns:auto minmax(0,1fr)}.hv4-proof-card>small{display:none}.hv4-mode-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.hv4-mode-tabs::-webkit-scrollbar{display:none}.hv4-mode-tabs button{border-right:1px solid var(--np-line);scroll-snap-align:start;flex:none;min-width:72%}.hv4-mode-panel{border-radius:0 0 .9rem .9rem;padding:1rem}.hv4-mode-panel__copy h3{font-size:clamp(2.15rem,10vw,3.2rem)}.hv4-mode-visual{min-height:370px}.hv4-link-ticket{width:84%;top:4.5rem}.hv4-counter-card{width:210px;min-height:305px}.hv4-counter-card--back{transform:translate(-68px)translateZ(-50px)rotateY(10deg)rotate(-8deg)}.hv4-qr-pattern{width:126px}.hv4-code-chip{text-overflow:ellipsis;white-space:nowrap;left:.75rem;right:.75rem;overflow:hidden}.hv4-embed-card{width:210px;top:5.7rem;left:.75rem}.hv4-embed-row{width:215px;top:10.8rem;right:.55rem}.hv4-embed-bar{width:240px;bottom:2.1rem;right:.75rem}.hv4-trace__pin{padding-block:6rem}.hv4-trace-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hv4-trace-console{margin-inline:-.3rem;padding:.75rem}.hv4-trace-console__head,.hv4-trace-step small{font-size:.66rem}.hv4-trace-step strong{font-size:.8rem}.hv4-trace-step code{font-size:.7rem}.hv4-code-stage{min-height:590px}.hv4-code-window{width:100%;transform:none}.hv4-code-window pre{padding:1.25rem;font-size:.68rem;line-height:1.7}.hv4-api-event{width:88%;right:0}.hv4-api-event--request{top:20rem}.hv4-api-event--response{top:25rem;right:.75rem}.hv4-api-event--ledger{top:30rem;right:0}.hv4-brand-bridge__meta>span{display:none}.hv4-brand-bridge__word{margin-left:-4vw;font-size:41vw}.hv4-closing{min-height:88svh;padding-block:7rem 6rem}.hv4-closing h2{font-size:clamp(3rem,14vw,5rem)}.hv4-orbit{opacity:.55;width:150vw}.hv4-closing__baseline{font-size:.48rem;bottom:1.25rem;left:.75rem;right:.75rem}.hv4-footer__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 1.5rem}.hv4-footer__contacts{grid-template-columns:1fr}.hv4-footer__contact+.hv4-footer__contact{border-top:1px solid var(--np-line);border-left:0}.hv4-footer__columns ul{gap:.15rem}.hv4-footer__columns a,.hv4-footer__legal a{align-items:center;min-height:44px;display:inline-flex}.hv4-footer__contact{min-height:4.4rem}.hv4-footer__word{width:calc(100% - 1.5rem);padding-top:2rem;font-size:25vw}.hv4-footer__legal .hv4-shell{flex-direction:column;align-items:flex-start;gap:0;width:calc(100% - 1.5rem);padding-block:1rem}.hv4-footer__legal ul{flex:none}}@media (width<=760px){.hv4-page-scroll-trace{opacity:.78;height:42vh;top:24vh;right:.2rem}.hv4-page-scroll-trace>small{display:none}}@media (width<=360px){.hv4-shell{width:min(100% - 1.1rem,330px)}.hv4-hero h1{font-size:2.52rem}.hv4-button{width:100%}.hv4-mode-tabs button{min-width:84%}.hv4-trace-steps{grid-template-columns:1fr}.hv4-embed-row{opacity:.7}.hv4-footer__columns{grid-template-columns:1fr 1fr}}.hv4-mode-visual{background:radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--hv4-cyan) 10%, transparent), transparent 42%), color-mix(in srgb, var(--np-raised) 96%, var(--np-canvas));background-size:auto;overflow:hidden}.hv4-cashier-preview{color:#f8fafc;font-family:var(--np-font-sans);background:#0a0a0a;border:1px solid #8ba2c729;border-radius:.9rem;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);display:grid;position:absolute;inset:5%;overflow:hidden;box-shadow:0 1.6rem 3.8rem #00000047}.hv4-cashier-summary{background:radial-gradient(circle at 10% 5%,#3157ff14,#0000 34%),#0a0a0a;border-right:1px solid #ffffff0f;flex-direction:column;min-width:0;padding:clamp(1rem,2.2vw,1.7rem);display:flex}.hv4-cashier-merchant{align-items:center;gap:.65rem;display:flex}.hv4-cashier-merchant>div{gap:.15rem;min-width:0;display:grid}.hv4-cashier-merchant strong,.hv4-cashier-methods strong{font-size:clamp(.52rem,.78vw,.72rem)}.hv4-cashier-merchant small,.hv4-cashier-methods small{color:#71717a;font-family:var(--np-font-mono);font-size:clamp(.36rem,.52vw,.48rem)}.hv4-cashier-summary>p{color:#71717a;letter-spacing:.12em;text-transform:uppercase;margin:1.4rem 0 .35rem;font-size:.48rem}.hv4-cashier-summary>b{letter-spacing:-.045em;font-size:clamp(1.35rem,2.6vw,2.35rem);font-weight:380}.hv4-cashier-summary dl{background:#ffffff06;border:1px solid #ffffff0f;border-radius:.65rem;margin:1.2rem 0 0;display:grid;overflow:hidden}.hv4-cashier-summary dl>div{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:.5rem;padding:.62rem .7rem;font-size:clamp(.4rem,.58vw,.54rem);display:flex}.hv4-cashier-summary dl>div:last-child{border-bottom:0}.hv4-cashier-summary dt{color:#71717a}.hv4-cashier-summary dd{color:#e4e4e7;text-align:right;margin:0}.hv4-cashier-trust{color:#52525b;gap:.7rem;margin-top:auto;font-size:.4rem;display:flex}.hv4-cashier-trust span{align-items:center;gap:.25rem;display:inline-flex}.hv4-cashier-methods{background:radial-gradient(circle at 85% 15%,#3157ff21,#0000 31%),radial-gradient(circle at 20% 86%,#14b8a614,#0000 34%),#0b0b0d;flex-direction:column;gap:.55rem;min-width:0;padding:clamp(1rem,2.2vw,1.7rem);display:flex;position:relative}.hv4-cashier-methods>header{color:#71717a;justify-content:space-between;align-items:center;margin-bottom:.15rem;display:flex}.hv4-cashier-methods>header div{gap:.15rem;display:grid}.hv4-cashier-methods>header strong{color:#fafafa;font-size:clamp(.75rem,1.15vw,1rem)}.hv4-cashier-methods>button{color:#f4f4f5;text-align:left;background:#ffffff06;border:1px solid #ffffff12;border-radius:.65rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:clamp(2.8rem,5.2vw,3.8rem);padding:.65rem .75rem;display:grid}.hv4-cashier-methods>button>span{gap:.12rem;display:grid}.hv4-cashier-methods>button em{color:#52525b;font-size:1rem;font-style:normal}.hv4-pay-dot{aspect-ratio:1;border-radius:.55rem;width:1.75rem}.hv4-pay-dot--wechat{background:linear-gradient(135deg,#10b981,#22c55e)}.hv4-pay-dot--alipay{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.hv4-pay-dot--crypto{background:linear-gradient(135deg,#f59e0b,#fb923c)}.hv4-cashier-pay{background:var(--hv4-primary-fill,linear-gradient(110deg, #087dad, #13865e));color:#fff;border-radius:.65rem;place-items:center;min-height:clamp(2.5rem,4.8vw,3.4rem);margin-top:auto;font-size:clamp(.5rem,.72vw,.66rem);font-weight:700;display:grid}.hv4-cashier-methods>footer{color:#52525b;justify-content:center;align-items:center;gap:.3rem;font-size:.4rem;display:flex}.hv4-onecode-board{inset:0}.hv4-onecode-window{position:absolute;inset:5% 2%;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}.hv4-onecode-track{will-change:transform;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,1.1vw,.85rem);width:62%;animation:18s linear infinite hv4-onecode-marquee;display:grid;position:absolute;top:1%;left:31%;transform:rotate(-2.6deg)}.hv4-onecode-window:is(:hover,:focus-within) .hv4-onecode-track{animation-play-state:paused}.hv4-onecode-card{aspect-ratio:.9;color:#17251f;cursor:pointer;background:#fffef9;border:1px solid #1220301a;border-radius:.55rem;justify-items:center;width:100%;min-height:0;padding:clamp(.5rem,1vw,.75rem);transition:border-color .18s,box-shadow .18s,scale .18s;display:grid;position:relative;transform:rotate(.7deg);box-shadow:0 .8rem 1.8rem #020a1829}.hv4-onecode-card:nth-child(2n){transform:translateY(.35rem)rotate(1.4deg)}.hv4-onecode-card:nth-child(3n){transform:translateY(-.22rem)rotate(-1deg)}.hv4-onecode-card:hover,.hv4-onecode-card:focus-visible,.hv4-onecode-card[data-selected=true]{border-color:#2ebcff;outline:none;scale:1.025;box-shadow:0 0 0 2px #2ebcff2e,0 1rem 2.2rem #020a1833}.hv4-onecode-card--mint{background:#effdf6}.hv4-onecode-card--ice{background:#eef8ff}.hv4-onecode-card--violet{color:#fff;background:#221743}.hv4-onecode-card--paper{background:#fbf7ed}.hv4-onecode-card--coral{background:#fff0ea}.hv4-onecode-card--blue{background:#e9f2ff}.hv4-onecode-card>svg{border-radius:.25rem;width:min(66%,5.7rem);height:auto;margin-block:.45rem}.hv4-onecode-card>small,.hv4-onecode-card>span{font-family:var(--np-font-mono);letter-spacing:.07em;font-size:.34rem}.hv4-onecode-card>small{opacity:.62;justify-self:start}.hv4-onecode-card>strong{font-size:.5rem}.hv4-onecode-card>span{opacity:.48;position:absolute;bottom:.45rem;right:.55rem}.hv4-onecode-selected{z-index:5;border:1px solid var(--np-line-strong);background:color-mix(in srgb, var(--hv4-paper-solid) 94%, transparent);width:min(44%,20rem);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--np-ink) 18%, transparent);backdrop-filter:blur(8px);border-radius:.85rem;grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:.9rem;padding:.75rem;display:grid;position:absolute;bottom:1.2rem;right:1.25rem}.hv4-onecode-selected>svg{border-radius:.35rem;width:5rem;height:5rem}.hv4-onecode-selected>div{gap:.25rem;min-width:0;display:grid}.hv4-onecode-selected small{color:var(--np-ink-faint);font-family:var(--np-font-mono);font-size:.46rem}.hv4-onecode-selected strong{font-size:.85rem}.hv4-onecode-selected code{color:var(--np-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;overflow:hidden}.hv4-embed-canvas{border-radius:.8rem;inset:15% 4% 5%;transform:none}.hv4-embed-components{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hv4-embed-card-demo{border:1px solid var(--np-line);background:var(--hv4-paper-solid);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--np-ink) 10%, transparent);border-radius:1rem;overflow:hidden}.hv4-embed-card-demo>i{background:var(--hv4-primary-fill,linear-gradient(110deg, #087dad, #13865e));height:.25rem;display:block}.hv4-embed-card-demo__body{padding:.9rem}.hv4-embed-card-demo__body>header{align-items:center;gap:.45rem;display:flex}.hv4-embed-card-demo__body>header strong{font-size:.65rem}.hv4-embed-card-demo__body>header small{color:var(--np-ink-faint);align-items:center;gap:.2rem;margin-left:auto;font-size:.4rem;display:inline-flex}.hv4-embed-card-demo__body>p{color:var(--np-ink-muted);margin:.85rem 0 .25rem;font-size:.5rem}.hv4-embed-card-demo__body>b{font-size:1.4rem}.hv4-embed-card-demo__body>button,.hv4-embed-actions>button,.hv4-embed-actions>div>button{background:var(--hv4-primary-fill,linear-gradient(110deg, #087dad, #13865e));color:#fff;border:0;justify-content:center;align-items:center;gap:.35rem;font-weight:650;display:inline-flex}.hv4-embed-card-demo__body>button{border-radius:.65rem;width:100%;min-height:2.35rem;margin-top:.9rem;font-size:.52rem}.hv4-embed-card-demo__body>footer{color:var(--np-ink-faint);justify-content:center;align-items:center;gap:.25rem;margin-top:.65rem;font-size:.4rem;display:flex}.hv4-embed-actions>button{border-radius:.7rem;min-height:3rem;font-size:.55rem}.hv4-embed-actions>div{border:1px solid var(--np-line);background:var(--hv4-paper-solid);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.65rem;display:grid}.hv4-embed-actions>div p{gap:.08rem;margin:0;display:grid}.hv4-embed-actions>div small{color:var(--np-ink-muted);font-size:.45rem}.hv4-embed-actions>div strong{font-size:.7rem}.hv4-embed-actions>div>button{border-radius:.5rem;min-height:2rem;padding-inline:.65rem;font-size:.44rem}.hv4-embed-actions ul{border:1px solid var(--np-line);background:color-mix(in srgb, var(--np-surface) 70%, transparent);border-radius:.65rem;grid-template-columns:repeat(3,1fr);margin:0;padding:.25rem;list-style:none;display:grid}.hv4-embed-actions li{color:var(--np-ink-faint);font-family:var(--np-font-mono);text-align:center;border-radius:.45rem;padding:.45rem;font-size:.42rem}.hv4-embed-actions li[data-active=true]{background:var(--hv4-paper-solid);box-shadow:0 .2rem .7rem color-mix(in srgb, var(--np-ink) 8%, transparent);color:var(--np-ink)}.hv4-experience-dialog .hv4-mode-dialog__body{padding:clamp(3.25rem,7vh,5rem) clamp(.5rem,1.5vw,1.35rem) clamp(1.5rem,4vh,2.5rem)}@keyframes hv4-onecode-marquee{0%{transform:translateY(-1%)rotate(-2.6deg)}to{transform:translateY(-51%)rotate(-2.6deg)}}@media (width<=899px){.hv4-cashier-preview{grid-template-columns:.82fr 1.18fr;inset:3.5%}.hv4-cashier-summary,.hv4-cashier-methods{padding:.8rem}.hv4-cashier-trust{display:none}.hv4-cashier-methods>button{min-height:2.9rem;padding:.5rem}.hv4-experience-dialog .hv4-mode-dialog__body{gap:1.5rem}.hv4-experience-dialog .hv4-mode-visual{min-height:28rem}.hv4-onecode-selected{width:calc(100% - 1.5rem);bottom:.75rem;right:.75rem}}@media (width<=560px){.hv4-mode-visual__hint{display:none}.hv4-payment-link-demo{inset:4% 2% 5%}.hv4-demo-terminal{width:59%;padding:.75rem;top:7%;bottom:7%;left:2%}.hv4-demo-terminal header small,.hv4-demo-router{display:none}.hv4-demo-terminal>b{margin-top:1.05rem;font-size:1.2rem}.hv4-demo-terminal dl{gap:.28rem;margin-top:.75rem}.hv4-demo-phone{width:45%;padding:1rem .58rem .65rem;top:2%;bottom:2%;right:1%}.hv4-demo-phone>small{margin-top:1rem}.hv4-demo-phone__method{padding:.4rem}.hv4-cashier-preview{grid-template-columns:1fr;inset:.7rem;overflow-y:auto}.hv4-cashier-summary{display:none}.hv4-cashier-methods{min-height:21rem}.hv4-pay-dot{width:1.55rem}.hv4-onecode-track{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));width:78%;top:1%;left:20%}.hv4-onecode-card{aspect-ratio:.9;width:100%;min-height:0}.hv4-onecode-selected{grid-template-columns:4rem minmax(0,1fr)}.hv4-onecode-selected>svg{width:4rem;height:4rem}.hv4-embed-components{grid-template-columns:1fr;padding-inline:0}.hv4-embed-actions>div,.hv4-embed-canvas>footer{display:none}.hv4-embed-snippet{text-overflow:ellipsis;white-space:nowrap;right:4%;overflow:hidden}}@media (prefers-reduced-motion:reduce){html[data-skin=v4]{scroll-behavior:auto!important}.hv4-root *,.hv4-root :before,.hv4-root :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hv4-hero__art,[data-reveal],[data-hero-copy]>*,[data-card-fan],[data-brand-word],[data-trace-step],[data-trace-event],[data-trace-amount]{opacity:1!important;transform:none!important}.hv4-card-fan{transform:none}.hv4-trace-progress i{transform:scaleX(1)!important}.hv4-onecode-track{animation:none!important}}@media (prefers-contrast:more){.hv4-root{--np-line:color-mix(in srgb, var(--np-ink) 32%, transparent);--np-line-strong:color-mix(in srgb, var(--np-ink) 48%, transparent)}}.hv4-product-cashier{color:#fff;background:#0a0a0a;border:1px solid #ffffff17;border-radius:1rem;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);display:grid;position:absolute;inset:4%;overflow:hidden;box-shadow:0 1.4rem 3.5rem #0307123d}.hv4-product-cashier__summary{border-right:1px solid #ffffff12;min-width:0;overflow:hidden}.hv4-product-cashier__summary>div{min-height:100%}.hv4-product-cashier__summary>div>div{padding:clamp(.9rem,2vw,1.45rem)!important}.hv4-product-cashier__summary .text-4xl{font-size:clamp(1.45rem,2.45vw,2.2rem)!important}.hv4-product-cashier__summary .mt-6{margin-top:clamp(.65rem,1.35vw,1rem)!important}.hv4-product-cashier__summary .mb-6{margin-bottom:clamp(.65rem,1.35vw,1rem)!important}.hv4-product-cashier__summary .max-w-sm>:nth-child(n+4){display:none}.hv4-product-cashier__methods{background:radial-gradient(circle at 95% 8%,#3157ff1f,#0000 32%),#0b0b0d;flex-direction:column;gap:clamp(.55rem,1.2vw,.9rem);min-width:0;padding:clamp(.9rem,2vw,1.45rem);display:flex;overflow:hidden}.hv4-product-cashier__methods .space-y-3>:not([hidden])~:not([hidden]){margin-top:.55rem}.hv4-product-cashier__methods .p-4{padding:clamp(.62rem,1.15vw,.85rem)!important}.hv4-product-cashier__pay{background:var(--hv4-primary-fill,linear-gradient(110deg, #087dad, #13865e));color:#fff;border-radius:.7rem;place-items:center;min-height:2.65rem;margin-top:auto;font-size:clamp(.62rem,.85vw,.78rem);font-weight:600;display:grid;box-shadow:0 .9rem 2rem #3157ff2e}.hv4-product-cashier__methods>small{color:#52525b;font-family:var(--np-font-mono);letter-spacing:.08em;text-align:right;font-size:.42rem}.hv4-real-onecode{background:radial-gradient(circle at 52% 32%, color-mix(in srgb, var(--hv4-cyan) 9%, transparent), transparent 40%), color-mix(in srgb, var(--np-raised) 97%, var(--np-canvas));position:absolute;inset:0;overflow:hidden}.hv4-real-onecode>header{z-index:5;pointer-events:none;justify-content:space-between;align-items:baseline;display:flex;position:absolute;inset:.8rem 1rem auto}.hv4-real-onecode>header span,.hv4-real-onecode>footer{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.1em;font-size:.43rem}.hv4-real-onecode>header strong{color:var(--hv4-cyan);font-family:var(--np-font-mono);font-size:1.2rem;font-weight:520}.hv4-real-onecode__viewport{position:absolute;inset:2.8rem .65rem 1.6rem;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.hv4-real-onecode__track{transform-origin:50%;will-change:transform;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,1.2vw,.9rem);width:78%;animation:26s linear infinite hv4-real-onecode-scroll;display:grid;position:absolute;top:-1%;left:20%;transform:translate(0,0)rotate(-3.2deg)}.hv4-real-onecode__viewport:is(:hover,:focus-within) .hv4-real-onecode__track{animation-play-state:paused}.hv4-real-onecode-card{aspect-ratio:3/4;border:1px solid color-mix(in srgb, var(--np-line-strong) 88%, transparent);cursor:pointer;background:#f4f4f0;border-radius:.45rem;width:100%;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;position:relative;overflow:hidden;box-shadow:0 .8rem 1.8rem #020a1824}.hv4-real-onecode-card:hover,.hv4-real-onecode-card:focus-visible,.hv4-real-onecode-card[data-selected=true]{z-index:2;border-color:#2ebcff;outline:none;transform:translateY(-.15rem);box-shadow:0 0 0 2px #2ebcff2e,0 1rem 2.2rem #020a1838}.hv4-real-onecode-card>svg{width:100%;height:100%;display:block}.hv4-real-onecode-card__qr{background:#fff;display:block;position:absolute}.hv4-real-onecode-card__qr>svg{width:100%;height:100%;display:block}.hv4-real-onecode-card>em{color:color-mix(in srgb, currentColor 55%, transparent);font-family:var(--np-font-mono);font-size:.34rem;font-style:normal;position:absolute;bottom:.2rem;right:.28rem}.hv4-real-onecode__selected{z-index:7;border:1px solid var(--np-line-strong);background:color-mix(in srgb, var(--np-canvas) 92%, transparent);width:min(18rem,48%);box-shadow:0 1.2rem 3rem color-mix(in srgb, var(--np-ink) 18%, transparent);backdrop-filter:blur(12px);border-radius:.75rem;grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:.85rem;padding:.65rem;display:grid;position:absolute;bottom:1rem;left:1rem}.hv4-real-onecode__selected>.hv4-real-onecode-card{cursor:default}.hv4-real-onecode__selected>div{gap:.28rem;min-width:0;display:grid}.hv4-real-onecode__selected small{color:var(--np-ink-faint);font-family:var(--np-font-mono);font-size:.46rem}.hv4-real-onecode__selected strong{color:var(--np-ink);font-size:.9rem}.hv4-real-onecode__selected code{color:var(--np-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;overflow:hidden}.hv4-real-onecode>footer{z-index:5;pointer-events:none;position:absolute;bottom:.55rem;right:.9rem}.hv4-real-embed{border:1px solid var(--np-line-strong);background:radial-gradient(circle at 75% 20%, color-mix(in srgb, var(--hv4-cyan) 9%, transparent), transparent 35%), color-mix(in srgb, var(--np-canvas) 97%, var(--np-raised));box-shadow:0 1.4rem 3.5rem color-mix(in srgb, var(--np-ink) 12%, transparent);border-radius:1rem;position:absolute;inset:4%;overflow:hidden}.hv4-real-embed>code{z-index:3;max-width:calc(100% - 2rem);color:var(--np-ink-muted);font-family:var(--np-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;position:absolute;top:.85rem;left:1rem;overflow:hidden}.hv4-real-embed__stage{grid-template-columns:minmax(220px,.9fr) minmax(240px,1.1fr);align-items:center;gap:clamp(1rem,2.4vw,2rem);display:grid;position:absolute;inset:3rem 1.2rem 2rem}.hv4-real-embed__actions{gap:1rem;min-width:0;display:grid}.hv4-real-embed__slot,.hv4-real-embed__slot>nutspay-button,.hv4-real-embed__slot>nutspay-button>.np-w{width:100%;max-width:100%;display:block}.hv4-real-embed__slot .np-card,.hv4-real-embed__slot .np-inline{width:100%!important;max-width:100%!important}.hv4-real-embed__actions>ul{border:1px solid var(--np-line);background:color-mix(in srgb, var(--np-surface) 75%, transparent);border-radius:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:.25rem;list-style:none;display:grid}.hv4-real-embed__actions li{color:var(--np-ink-faint);font-family:var(--np-font-mono);text-align:center;border-radius:.45rem;padding:.45rem;font-size:.43rem}.hv4-real-embed__actions li[data-active=true]{background:var(--hv4-paper-solid);box-shadow:0 .2rem .7rem color-mix(in srgb, var(--np-ink) 8%, transparent);color:var(--np-ink)}.hv4-real-embed>footer{color:var(--np-ink-faint);font-family:var(--np-font-mono);letter-spacing:.08em;font-size:.4rem;position:absolute;bottom:.55rem;right:.9rem}.hv4-real-embed[data-ready=false] .hv4-real-embed__stage{opacity:0}@keyframes hv4-real-onecode-scroll{0%{transform:translate(0,0)}to{transform:translate3d(0, calc(-50% - var(--onecode-half-gap)), 0)}}@media (width<=899px){.hv4-product-cashier{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);inset:3%}.hv4-product-cashier__summary .mt-6:last-child{display:none}.hv4-real-embed__stage{grid-template-columns:minmax(180px,.9fr) minmax(210px,1.1fr);gap:.8rem}}@media (width<=560px){.hv4-product-cashier{grid-template-columns:1fr}.hv4-product-cashier__summary{display:none}.hv4-product-cashier__methods{padding:1rem}.hv4-real-onecode__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:88%;left:12%}.hv4-real-onecode__selected{grid-template-columns:4.25rem minmax(0,1fr);width:calc(100% - 1.3rem);bottom:.75rem;left:.65rem}.hv4-real-embed__stage{grid-template-columns:1fr;inset:2.8rem .8rem 1.8rem}.hv4-real-embed__actions{display:none}.hv4-real-embed__slot--card{width:min(100%,20rem);margin:auto}}@media (prefers-reduced-motion:reduce){.hv4-real-onecode__track{animation:none!important}}.hv4-real-onecode__viewport{inset:2.8rem .85rem 1.5rem}.hv4-real-onecode__belt{transform-origin:50%;position:absolute;inset:-12% -2%;transform:rotate(-2.5deg)}.hv4-real-onecode__flow{--onecode-gap:clamp(.55rem, 1.2vw, .9rem);--onecode-half-gap:clamp(.275rem, .6vw, .45rem);gap:var(--onecode-gap);will-change:transform;flex-direction:column;animation:28s linear infinite hv4-real-onecode-scroll;display:flex}.hv4-real-onecode__lane{gap:var(--onecode-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hv4-real-onecode__viewport:has(button:focus-visible:not([data-dialog-focus-return=quiet])) .hv4-real-onecode__flow{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.hv4-real-onecode__viewport:hover .hv4-real-onecode__flow{animation-play-state:paused}}.hv4-real-onecode-card{padding:0}.hv4-onecode-detail{background:radial-gradient(circle at 25% 50%, color-mix(in srgb, var(--hv4-cyan) 11%, transparent), transparent 35%), color-mix(in srgb, var(--np-canvas) 97%, var(--np-raised));grid-template-columns:minmax(14rem,.76fr) minmax(18rem,1.24fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.4rem,3vw,2.5rem);display:grid;position:absolute;inset:0;overflow:hidden}.hv4-onecode-detail__poster{width:min(100%,18rem);margin-inline:auto;transform:rotate(-1.6deg)}.hv4-onecode-detail__poster .hv4-real-onecode-card{cursor:default;box-shadow:0 1.6rem 4rem color-mix(in srgb, var(--np-ink) 20%, transparent)}.hv4-onecode-detail__copy{align-content:center;display:grid}.hv4-onecode-detail__copy>span{color:var(--hv4-cyan);font-family:var(--np-font-mono);letter-spacing:.12em;font-size:.55rem}.hv4-onecode-detail__copy h3{letter-spacing:-.045em;margin:.7rem 0 0;font-size:clamp(1.8rem,3vw,3rem)}.hv4-onecode-detail__copy>p{max-width:34rem;color:var(--np-ink-muted);margin:1rem 0 0;font-size:.82rem;line-height:1.72}.hv4-onecode-detail__copy dl{border:1px solid var(--np-line);border-radius:.8rem;margin:1.35rem 0 0;display:grid;overflow:hidden}.hv4-onecode-detail__copy dl>div{border-bottom:1px solid var(--np-line);justify-content:space-between;gap:1rem;padding:.75rem .85rem;font-size:.64rem;display:flex}.hv4-onecode-detail__copy dl>div:last-child{border-bottom:0}.hv4-onecode-detail__copy dt{color:var(--np-ink-faint)}.hv4-onecode-detail__copy dd{color:var(--np-ink);font-family:var(--np-font-mono);text-align:right;margin:0}.hv4-real-embed>footer{align-items:center;gap:.35rem;display:inline-flex}.hv4-mode-dialog__body{grid-template-rows:auto minmax(20rem,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(1rem,2vw,1.5rem);min-height:100%;padding:clamp(3rem,6vh,4.3rem) clamp(.25rem,1vw,.75rem) clamp(1rem,2vh,1.5rem);display:grid}.hv4-mode-dialog__header,.hv4-mode-dialog__surface,.hv4-mode-dialog__facts{grid-column:1}.hv4-mode-dialog__header{grid-template-columns:minmax(15rem,.9fr) minmax(18rem,1fr) auto;align-items:end;gap:clamp(1rem,2.4vw,2.3rem);display:grid}.hv4-mode-dialog__header h2{letter-spacing:-.055em;max-width:15ch;margin:.55rem 0 0;font-size:clamp(1.9rem,3vw,3.35rem);font-weight:720;line-height:.98}.hv4-mode-dialog__header>p{color:var(--np-ink-muted);margin:0;font-size:.8rem;line-height:1.65}.hv4-mode-dialog__header .hv4-button{white-space:nowrap}.hv4-mode-dialog__surface{border:1px solid var(--np-line-strong);background:var(--np-raised);border-radius:1rem;min-height:20rem;position:relative;overflow:hidden}.hv4-mode-dialog__facts{border:1px solid var(--np-line);border-radius:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hv4-mode-dialog__facts article{border-right:1px solid var(--np-line);grid-template-columns:auto minmax(0,1fr);gap:.75rem;min-width:0;padding:.9rem 1rem;display:grid}.hv4-mode-dialog__facts article:last-child{border-right:0}.hv4-mode-dialog__facts article>span{color:var(--hv4-cyan);font-family:var(--np-font-mono);font-size:.48rem}.hv4-mode-dialog__facts h3{margin:0;font-size:.72rem}.hv4-mode-dialog__facts p{margin:.32rem 0 0;font-size:.62rem;line-height:1.52}@media (width<=899px){.hv4-mode-dialog__body{grid-template-rows:auto minmax(28rem,1fr) auto}.hv4-mode-dialog__header{grid-template-columns:minmax(0,1fr) auto}.hv4-mode-dialog__header>p{grid-area:2/1/auto/-1}.hv4-mode-dialog__facts{grid-template-columns:1fr}.hv4-mode-dialog__facts article{border-right:0;border-bottom:1px solid var(--np-line)}.hv4-mode-dialog__facts article:last-child{border-bottom:0}}@media (width<=560px){.hv4-real-onecode__belt{inset-inline:-6%}.hv4-real-onecode__lane{grid-template-columns:repeat(2,minmax(0,1fr))}.hv4-onecode-detail{grid-template-columns:1fr;align-content:start;gap:1.25rem;min-height:43rem;padding:1rem;position:relative;overflow-y:auto}.hv4-onecode-detail__poster{width:min(66vw,14rem)}.hv4-onecode-detail__copy>p{font-size:.76rem}.hv4-onecode-detail__copy dl>div{flex-direction:column;align-items:flex-start;gap:.25rem}.hv4-onecode-detail__copy dd{text-align:left}.hv4-mode-dialog__body{grid-template-rows:auto minmax(36rem,auto) auto;padding-top:3.5rem}.hv4-mode-dialog__header{grid-template-columns:1fr;align-items:start}.hv4-mode-dialog__header>p,.hv4-mode-dialog__header .hv4-button{grid-area:auto}.hv4-mode-dialog__header h2{font-size:clamp(2rem,10vw,3rem)}.hv4-mode-dialog__surface{min-height:36rem}.hv4-mode-dialog__surface--2 .hv4-real-embed__stage{display:grid}}@media (prefers-reduced-motion:reduce){.hv4-real-onecode__flow{animation:none!important}}html[data-skin=v4] .hv4-root header[data-nav-surface] .bg-accent{color:#fff;background-color:var(--np-accent)}html[data-skin=v4] .hv4-root header[data-nav-surface] .bg-accent:hover{background-color:var(--np-accent-hover)}html[data-skin=v4] :is(.hv4-eyebrow,.hv4-section-label,.hv4-assurance,.hv4-mode-tab,.hv4-mode-dialog__facts,.hv4-onecode-detail__copy dl,.ipc4-receipt dt){font-family:var(--np-font-sans);letter-spacing:.02em}html[data-skin=v4] :is(.hv4-eyebrow,.hv4-section-label,.hv4-assurance,.hv4-onecode-detail__copy dl>div,.ipc4-receipt dt,.ipc4-receipt dd){font-size:.8125rem;line-height:1.65}html[data-skin=v4] :is(.hv4-button,.hv4-finale__primary,.hv4-finale__secondary){font-family:var(--np-font-sans);border-radius:.625rem;font-size:.875rem;font-weight:600}html[data-skin=v4][data-theme=dark] .hv4-hero :is(.hv4-hero__sub,.hv4-assurance){color:#e6e9f5}html[data-skin=v4][data-theme=dark] .hv4-hero .hv4-eyebrow{color:#ccefff}html[data-skin=v4][data-theme=light] .hv4-root header[data-nav-surface]{background:0 0;border-bottom-color:#0000}html[data-skin=v4][data-theme=light] .hv4-root header[data-nav-surface]:before{content:none}html[data-skin=v4][data-theme=light] .hv4-root header[data-nav-surface]>nav{position:relative}html[data-skin=v4][data-theme=light] .hv4-root header[data-nav-surface][data-nav-surface=solid]{background:color-mix(in srgb, var(--np-canvas) 86%, transparent);border-bottom-color:var(--np-line);box-shadow:0 4px 20px #23498f0b}html[data-skin=v4] .hv4-root header[data-nav-surface] .np-language-trigger{box-shadow:none;background:0 0;border-color:#0000;border-radius:6px}html[data-skin=v4] .hv4-root header[data-nav-surface] .np-language-trigger:before{content:none}html[data-skin=v4] .hv4-root header[data-nav-surface] .np-language-trigger:is(:hover,.is-open){background:color-mix(in srgb, var(--np-ink) 7%, transparent);box-shadow:none}html[data-skin=v4] .np-language-trigger__code{font-family:var(--np-font-sans);letter-spacing:.02em;font-size:.75rem;font-weight:600}html[data-skin=v4][data-theme=dark]{--hv4-primary-fill:linear-gradient(110deg, #1869bd, #6550d4);--hv4-phone-rim:#46536c}html[data-skin=v4][data-theme=dark] .hv4-button--primary{box-shadow:0 8px 24px #4459d33d}html[data-skin=v4][data-theme=dark] .hv4-button--primary:hover{box-shadow:0 12px 30px #5766e557}html[data-skin=v4][data-theme=dark] .hv4-root header[data-nav-surface] .bg-accent{background:var(--hv4-primary-fill)}.hv4-experience-dialog .hv4-mode-dialog__body{box-sizing:border-box;grid-template-rows:auto minmax(min-content,1fr) auto}.hv4-mode-dialog__surface{min-height:clamp(28rem,52vh,38rem)}.hv4-mode-dialog__surface--1{min-height:0}.hv4-mode-dialog__surface--1 .hv4-onecode-detail{min-height:100%;position:relative;inset:auto;overflow:visible}.hv4-onecode-detail__poster{transform:none}@media (width<=560px){.hv4-mode-dialog__surface--0{min-height:42rem}.hv4-mode-dialog__surface--2{min-height:36rem}.hv4-mode-dialog__surface--1 .hv4-onecode-detail{min-height:0}}.hv4-experience-dialog .hv4-mode-dialog__body{background:var(--np-raised);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.5fr) minmax(20rem,1fr);gap:0;padding:0}.hv4-mode-dialog__body .hv4-mode-dialog__header{grid-column:2;padding:4.5rem 2.25rem 1.25rem;display:block}.hv4-mode-dialog__header h2{letter-spacing:-.04em;font-size:clamp(1.7rem,2.5vw,2.3rem);line-height:1.25}.hv4-mode-dialog__header>p{margin-top:1.25rem;font-size:.875rem;line-height:1.85}.hv4-mode-dialog__body .hv4-mode-dialog__surface{background:linear-gradient(145deg, color-mix(in srgb, var(--np-accent) 13%, var(--np-canvas)), var(--np-surface));border:0;border-radius:0;grid-row:1/4;min-height:0}.hv4-mode-dialog__body .hv4-mode-dialog__facts{border:0;border-radius:0;flex-direction:column;justify-content:center;padding:0 2.25rem;display:flex}.hv4-mode-dialog__facts article{border-right:0;border-bottom:1px solid var(--np-line);grid-template-columns:2rem 1fr;gap:.8rem;padding:1.2rem 0}.hv4-mode-dialog__facts article:last-child{border-bottom:0}.hv4-mode-dialog__facts article>span{background:var(--np-surface);width:1.9rem;height:1.9rem;color:var(--np-ink-muted);border-radius:50%;place-items:center;font-size:.7rem;display:grid}.hv4-mode-dialog__facts h3{font-size:.9rem;font-weight:600}.hv4-mode-dialog__facts p{color:var(--np-ink-muted);margin-top:.45rem;font-size:.76rem;line-height:1.75}.hv4-mode-dialog__body .hv4-mode-dialog__action{justify-content:space-between;min-height:48px;margin:1.5rem 2.25rem 2.25rem}.hv4-mode-dialog__surface--1 .hv4-onecode-detail{background:0 0;flex-direction:column;justify-content:center;gap:1.5rem;padding:3rem;display:flex}.hv4-mode-dialog__surface--1 .hv4-onecode-detail__copy{text-align:center}.hv4-mode-dialog__surface--1 .hv4-onecode-detail__copy :is(p,dl){display:none}.hv4-mode-dialog__surface--1 .hv4-onecode-detail__copy h3{letter-spacing:0;margin-top:.5rem;font-size:1rem}.hv4-mode-dialog__surface--1 .hv4-onecode-detail__poster .hv4-real-onecode-card{box-shadow:-12px 24px 48px #12263533}.hv4-mode-dialog__surface--2 .hv4-real-embed__stage{grid-template-columns:1fr;align-content:center;gap:1.5rem;padding:2rem}@media (width<=800px){.hv4-experience-dialog .hv4-mode-dialog__body{grid-template-rows:auto auto auto auto}.hv4-mode-dialog__body .hv4-mode-dialog__header{grid-area:1/1;padding:4rem 1.5rem 1.5rem}.hv4-mode-dialog__body .hv4-mode-dialog__surface{min-height:32rem}.hv4-mode-dialog__surface--1 .hv4-onecode-detail{padding:2rem}.hv4-mode-dialog__surface--1 .hv4-onecode-detail__poster{width:min(85%,20rem)}.hv4-mode-dialog__body .hv4-mode-dialog__facts{padding:1rem 1.5rem 0}.hv4-mode-dialog__body .hv4-mode-dialog__action{margin:1.25rem 1.5rem 1.5rem}}.hv4-mode-dialog__surface--2 .hv4-real-embed{box-shadow:none;background:0 0;border:0}@media (width<=560px){.hv4-mode-dialog__body .hv4-mode-dialog__surface--0{min-height:36rem}}.hv5-mobile-products,.hv5-mobile-code-toggle{display:none}@media (width<=767px){.hv4-shell{width:calc(100% - 40px)}.hv4-page-scroll-trace{display:none}.hv4-hero{min-height:100svh;padding:0}.hv4-hero__inner{flex-direction:column;justify-content:space-between;gap:20px;min-height:100svh;padding:96px 0 24px;display:flex}.hv4-hero__copy{width:100%;max-width:none}.hv4-hero .hv4-product-label{display:none}.hv4-hero .hv4-eyebrow{margin:0 0 16px;font-size:12px}.hv4-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,9.1vw,42px);line-height:1.14}.hv4-hero__sub{margin:20px 0 0;font-size:15px;line-height:1.8}.hv4-hero .hv4-actions{grid-template-columns:1.1fr 1fr;gap:10px;margin-top:22px;display:grid}.hv4-hero .hv4-actions .hv4-button{width:auto;min-width:0;min-height:48px;padding:12px 8px;font-size:12px}.hv4-assurance{margin-top:12px;font-size:11px;line-height:1.7}.hv4-hero__visual{flex:1;place-items:center;width:calc(100% + 24px);min-height:238px;margin:0 -12px;display:grid}.hv4-hero__visual .ipc4-stage{height:238px;min-height:0}.hv4-modes,.hv4-trace,.hv4-api{padding:40px 0}.hv4-modes__pin,.hv4-trace__pin{min-height:0;padding-block:0}.hv4-section-head{margin-bottom:24px;display:block}.hv4-section-head h2,.hv4-trace__copy h2,.hv4-api__copy h2{letter-spacing:-.04em;font-size:29px;line-height:1.25}.hv4-section-head>p,.hv4-trace__copy>p:not(.hv4-section-label),.hv4-api__copy>p:not(.hv4-section-label){margin-top:16px;font-size:14px;line-height:1.85}.hv4-modes .hv4-mode-tabs,.hv4-modes .hv4-mode-panel{display:none}.hv5-mobile-products{gap:12px;display:grid}.hv5-mobile-products button{border:1px solid var(--np-line);background:color-mix(in srgb, var(--np-raised) 92%, transparent);width:100%;min-height:96px;color:var(--np-ink);text-align:left;border-radius:16px;grid-template-columns:46px 1fr 18px;align-items:center;gap:13px;padding:16px;display:grid}.hv5-mobile-products button:active{background:var(--np-surface-hover)}.hv5-mobile-products__icon{background:var(--np-accent-glow);width:46px;height:46px;color:var(--np-accent);border-radius:13px;place-items:center;display:grid}.hv5-mobile-products strong{font-size:16px;font-weight:600;display:block}.hv5-mobile-products small{color:var(--np-ink-muted);margin-top:6px;font-size:12px;line-height:1.6;display:block}.hv4-trace__grid{flex-direction:column;gap:24px;display:flex}.hv4-trace-console{border-radius:18px;padding:20px}.hv4-trace-steps{grid-template-columns:1fr;gap:0;display:grid}.hv4-trace-step{border:0;border-bottom:1px solid var(--np-line);background:0 0;border-radius:0;align-items:center;gap:14px;min-height:65px;padding:10px 0;display:flex}.hv4-trace-step>span{flex:0 0 34px;width:34px;height:34px}.hv4-trace-step>div{grid-template-columns:22px 1fr;gap:4px 8px;display:grid}.hv4-trace-step strong{font-size:14px}.hv4-trace-step code{grid-column:2;font-size:10px}.hv4-trace-step small{font-size:10px}.hv4-trace-badges{gap:6px}.hv4-trace-badges span{font-size:11px}.hv4-api__grid{display:block}.hv4-api__copy .hv4-actions{gap:10px;display:flex}.hv4-api__copy .hv4-button{min-height:48px;font-size:13px}.hv5-mobile-code-toggle{border:1px solid var(--np-line);background:var(--np-raised);width:100%;min-height:48px;color:var(--np-ink);border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;font-size:14px;display:flex}.hv5-mobile-code-toggle>span{margin-left:auto}.hv4-code-stage[data-mobile-open=false]{display:none}.hv4-code-stage[data-mobile-open=true]{min-height:0;padding:16px 0 0;display:block}.hv4-code-stage .hv4-api-event{display:none}.hv4-code-window{width:100%;margin:0;position:relative;top:auto;left:auto;transform:none!important}.hv4-code-window pre{padding:16px;font-size:12px;overflow-x:auto}.hv4-footer{padding-top:36px}.hv4-footer__word{display:none}.hv4-footer a{align-items:center;min-height:44px;display:inline-flex}.hv4-finale__stage{height:85svh;min-height:560px}.hv4-root header[data-nav-surface] .np-mobile-menu{overscroll-behavior:contain;max-height:calc(100dvh - 64px);padding-bottom:env(safe-area-inset-bottom);overflow-y:auto;box-shadow:0 18px 30px #0000001f}.hv4-root header[data-nav-surface] .np-mobile-menu a{min-height:48px}.hv4-button{touch-action:manipulation}}.hv5-template-picker{width:min(360px,100%);color:var(--np-ink-muted);text-align:left;gap:8px;margin:20px 0;font-size:12px;display:grid}.hv4-mode-dialog__surface--1 .hv4-onecode-detail__copy{width:min(100%,320px)}@media (prefers-reduced-motion:no-preference){.hv4-onecode-detail__poster .hv4-real-onecode-card{animation:.18s ease-out both hv5-backdrop-in}}@media (width<=767px){.hv5-template-picker{width:min(280px,100%);margin:18px auto}.hv4-onecode-detail__copy:has(.hv5-template-picker){width:100%}.hv5-template-picker .np-select__trigger{min-height:48px;font-size:16px}html[data-skin=v4] button[aria-label="打开 AI 助手"]{width:44px;height:44px;right:12px;bottom:max(12px, env(safe-area-inset-bottom))}}.hv4-page-scroll-trace{display:none}.hv4-modes,.hv4-trace,.hv4-api{background:var(--hv4-section-surface)}.hv4-modes .hv4-mode-panel:before{content:none}.hv4-trace-console{transform:none}.hv4-code-window{color:#dce8f6;background:#0b1424;transform:none}.hv4-code-window code{color:#dce8f6}.hv4-code-window__bar strong,.hv4-code-window__bar em{color:#a4b6cc}.hv4-mode-transition .hv4-mode-panel{animation:none}.hv4-root>main :is(.hv4-mode-panel,.hv4-trace-console){box-shadow:0 16px 44px #05142614}@media (width>=768px){.hv4-shell{width:min(100% - 80px,1360px)}.hv4-modes,.hv4-trace,.hv4-api{min-height:0;padding-block:88px}.hv4-modes__pin,.hv4-trace__pin{min-height:0;padding-block:0}.hv4-modes .hv4-mode-panel{min-height:530px;padding:36px}.hv4-modes__pin .hv4-section-head h2{font-size:clamp(32px,3.3vw,48px);line-height:1.2}.hv4-mode-panel__copy h3{font-size:clamp(28px,2.8vw,40px);line-height:1.2}.hv4-trace__copy h2,.hv4-api__copy h2{font-size:clamp(34px,3.6vw,52px);line-height:1.18}.hv4-api__grid,.hv4-trace__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px}}@media (width<=767px){.hv4-trace-console{width:100%;transform:none!important}.hv4-modes,.hv4-trace,.hv4-api{padding-block:48px}.hv4-footer__top{gap:32px}}@media (width>=768px){.hv4-api .hv4-code-stage{perspective:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;display:grid}.hv4-api .hv4-code-window{grid-column:1/-1;width:100%;position:relative;top:auto;left:auto}.hv4-api .hv4-api-event{width:auto;min-width:0;box-shadow:none;grid-template-columns:1fr;gap:8px;padding:14px 12px;position:relative;top:auto;right:auto}.hv4-api .hv4-api-event>svg{display:none}.hv4-api .hv4-api-event small{overflow-wrap:anywhere}}@media (width>=768px) and (width<=1023px){.hv4-api__grid,.hv4-trace__grid{grid-template-columns:1fr;gap:32px}}.hv4-mode-tabs button{transition:background-color .18s,color .18s,box-shadow .18s}.hv5-mobile-products button,.hv5-mobile-code-toggle{transition:background-color .16s,border-color .16s,transform .16s}.hv4-mode-tabs button:not([aria-selected=true]):hover{background:var(--np-surface-hover);color:var(--np-ink)}.hv5-mobile-products button:active{transform:scale(.985)}.hv5-mobile-code-toggle:active{background:var(--np-surface-hover)}.hv4-button>svg{transition:transform .18s}@media (hover:hover) and (pointer:fine){.hv4-button:hover>svg:last-child{transform:translate(2px)}}@keyframes hv5-control-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.hv4-root .np-mobile-menu,.hv4-code-stage[data-mobile-open=true]{animation:.18s ease-out both hv5-control-reveal}}.np-menu-icon{width:16px;height:16px;display:block;position:relative}.np-menu-icon>svg{transition:opacity .18s,transform .18s;position:absolute;inset:0}.np-menu-icon__close{opacity:0;transform:rotate(-45deg)}.np-menu-icon[data-open=true] .np-menu-icon__close{opacity:1;transform:rotate(0)}.np-menu-icon[data-open=true] .np-menu-icon__bars{opacity:0;transform:rotate(45deg)}.np-menu-backdrop{display:none}@keyframes hv5-menu-out{to{opacity:0;transform:translateY(-8px)}}@keyframes hv5-backdrop-in{0%{opacity:0}to{opacity:1}}@media (width<=1023px){.hv4-root .np-menu-backdrop{background:#02081447;border:0;width:100%;height:100dvh;animation:.18s both hv5-backdrop-in;display:block;position:absolute;top:100%;left:0}.hv4-root .np-mobile-menu[data-state=closing],.hv4-root .np-menu-backdrop[data-state=closing]{pointer-events:none;animation:.2s ease-in both hv5-menu-out}.hv4-root .np-mobile-menu a{transition:background-color .16s,color .16s}.hv4-root .np-mobile-menu a:active{background:var(--np-surface-hover)}}@media (width<=767px){.hv4-api .hv4-code-stage[data-mobile-open]{min-height:0;transition:max-height .22s,opacity .18s,padding-top .22s,visibility .22s;animation:none;display:block;overflow:hidden}.hv4-api .hv4-code-stage[data-mobile-open=false]{opacity:0;visibility:hidden;pointer-events:none;max-height:0;padding-top:0}.hv4-api .hv4-code-stage[data-mobile-open=true]{opacity:1;visibility:visible;max-height:640px;padding-top:16px}}.hv4-experience-dialog .hv4-mode-dialog__body{min-height:0;padding:var(--experience-space);background:0 0;grid-template-rows:auto auto;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:28px 32px}.hv4-mode-dialog__body .hv4-mode-dialog__header{grid-area:1/1/auto/-1;padding:0 40px 0 0}.hv4-mode-dialog__header>p{max-width:760px;margin-top:18px}.hv4-mode-dialog__body .hv4-mode-dialog__surface{border:1px solid var(--np-line);border-radius:14px;grid-area:2/1;min-height:480px;overflow:hidden}.hv4-mode-dialog__side{flex-direction:column;grid-area:2/2;gap:20px;min-width:0;display:flex}.hv4-mode-dialog__body .hv4-mode-dialog__facts{border:1px solid var(--np-line);background:var(--np-surface);border-radius:14px;grid-area:2/2;justify-content:start;padding:24px}.hv4-mode-dialog__facts article{padding:18px 0}.hv4-mode-dialog__facts article:first-child{padding-top:0}.hv4-mode-dialog__facts article:last-child{padding-bottom:0}.hv4-mode-dialog__facts h3{font-size:16px}.hv4-mode-dialog__facts p{font-size:13px}.hv4-mode-dialog__body .hv4-mode-dialog__action{grid-area:3/2;justify-content:center;width:100%;margin:0}.hv4-mode-dialog__surface--1 .hv4-onecode-detail{padding:28px}.hv4-mode-dialog__surface--1 .hv4-onecode-detail__poster{width:min(85%,260px)}@media (width<=800px){.hv4-experience-dialog .hv4-mode-dialog__body{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:24px}.hv4-mode-dialog__body .hv4-mode-dialog__surface{grid-area:2/1;min-height:460px}.hv4-mode-dialog__body .hv4-mode-dialog__surface--1{min-height:0}.hv4-mode-dialog__body .hv4-mode-dialog__facts{grid-area:3/1;padding:20px}.hv4-mode-dialog__side{grid-area:3/1}.hv4-mode-dialog__body .hv4-mode-dialog__action{grid-area:4/1}}.hv4-mode-dialog__body .hv4-mode-dialog__surface--0{align-self:start;min-height:0}.hv4-mode-dialog__body .hv4-mode-dialog__surface--2{min-height:0}.hv4-mode-dialog__surface--2 .hv4-real-embed{padding:24px;position:relative;inset:auto;overflow:visible}.hv4-mode-dialog__surface--2 .hv4-real-embed>code{max-width:100%;margin-bottom:20px;display:block;position:static}.hv4-mode-dialog__surface--2 .hv4-real-embed__stage{gap:20px;padding:0;position:relative;inset:auto}.hv4-mode-dialog__surface--2 .hv4-real-embed__actions{display:grid}.hv4-mode-dialog__surface--2 .hv4-real-embed>footer{align-items:center;gap:6px;margin-top:20px;display:flex;position:static}