.yhp .hp-agents{background:var(--surface-page);padding:var(--space-112) 0 calc(var(--space-80) + var(--space-4));color:var(--text-primary)}.yhp .hp-agents-head{display:grid;grid-template-columns:minmax(0,calc(var(--space-4) * 155)) minmax(0,calc(var(--space-4) * 110));justify-content:space-between;align-items:start}.yhp .hp-agents-head h2{color:var(--text-primary)}.yhp .hp-agents-head p{color:var(--text-body)}.yhp .hp-agents-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24);margin-top:calc(var(--space-48) + var(--space-8))}.yhp .hp-agent-card{position:relative;height:calc(var(--space-4) * 135);border-radius:var(--radius-20);overflow:hidden;background:var(--surface-page)}.yhp .hp-agent-card--retention{background:var(--gradient-mix-warm-wash)}.yhp .hp-agent-card--growth{background:var(--gradient-mix-cool-wash)}.yhp .hp-agent-card--support{background:var(--gradient-mix-fresh-wash)}.yhp .hp-agent-eyebrow{position:absolute;left:var(--space-32);top:calc(var(--space-24) + var(--space-4));color:color-mix(in srgb,var(--text-primary) 60%,transparent)}.yhp .hp-agent-go{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-20)}.yhp .hp-agent-go:focus-visible{outline:1px solid var(--focus-border);outline-offset:var(--space-4)}.yhp .hp-agent-go-disc{position:absolute;top:var(--space-24);right:calc(var(--space-24) + var(--space-4));width:var(--space-32);height:var(--space-32);border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--surface-page) 70%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--text-primary);transition:background-color var(--motion-duration-fast) var(--motion-ease),color var(--motion-duration-fast) var(--motion-ease),border-color var(--motion-duration-fast) var(--motion-ease)}.yhp .hp-agent-go-disc svg{width:calc(var(--space-16) - 2px);height:calc(var(--space-16) - 2px)}.yhp .hp-agent-svg{position:absolute;left:0;pointer-events:none}.yhp .hp-agent-svg--retention{top:var(--space-64)}.yhp .hp-agent-svg--growth{top:calc(var(--space-64) + 2px)}.yhp .hp-agent-svg--support{top:calc(var(--space-64) + 3px)}.yhp .hp-agent-svg>svg{display:block;width:calc(var(--space-4) * 96);height:auto}.hp-agent-svg g{transform-box:fill-box;transform-origin:center}.yhp .hp-agents .hp-agent-title{position:absolute;left:calc(var(--space-24) + var(--space-4));top:calc(var(--space-4) * 92.25);width:calc(var(--space-4) * 82);color:var(--text-primary);line-height:1.2;letter-spacing:-.005em}.yhp .hp-agent-text{position:absolute;left:calc(var(--space-24) + var(--space-4));top:calc(var(--space-4) * 106.75);width:calc(var(--space-4) * 82);color:var(--text-body)}@media (max-width:1279px){.yhp .hp-agents-head{grid-template-columns:minmax(0,1fr);row-gap:var(--space-16)}.yhp .hp-agents-grid{grid-template-columns:minmax(0,1fr)}.yhp .hp-agent-card{height:auto;display:flex;flex-direction:column;padding:calc(var(--space-24) + var(--space-4)) var(--space-32) var(--space-32)}.yhp .hp-agents .hp-agent-eyebrow,.yhp .hp-agents .hp-agent-title,.yhp .hp-agents .hp-agent-text{position:static;width:auto}.yhp .hp-agents .hp-agent-title{margin-top:var(--space-24);order:3}.yhp .hp-agents .hp-agent-text{margin-top:var(--space-8);order:4}.yhp .hp-agents .hp-agent-svg{position:static;order:2;margin-top:var(--space-24)}.yhp .hp-agents .hp-agent-svg>svg{width:100%;max-width:calc(var(--space-4) * 96);height:auto;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.hp-agent-svg *{opacity:1!important;animation:none!important;transition:none!important}.yhp .hp-agent-go-disc,.yhp .hp-agent-go-disc svg{transition:none}.yhp .hp-agent-card:hover .kit-btn-arrow__arrow,.yhp .hp-agent-go:focus-visible .kit-btn-arrow__arrow{transform:rotate(-45deg)}}.yhp .hp-kit.hp-serve{background:var(--surface-navy);padding:calc(var(--space-48) * 2) 0;color:var(--text-primary)}.yhp .hp-serve-head{text-align:center}.yhp .hp-serve .hp-serve-head h2{max-width:1000px;margin-inline:auto;color:var(--text-inverse)}.yhp .hp-serve .hp-serve-head p{max-width:600px;margin:calc(var(--space-16) - 2px) auto 0;color:var(--on-navy-body)}.yhp .hp-serve-tabrow{display:flex;justify-content:center;margin-top:var(--space-32)}.yhp .hp-serve .kit-tabs__list{background:var(--surface-chrome-dark);border-radius:var(--radius-pill);padding:calc(var(--space-4) + var(--space-4) / 2)}.yhp .hp-serve .kit-tabs__tab{display:inline-flex;align-items:center;height:var(--space-40);padding:0 calc(var(--space-24) - var(--space-4) / 2);border-radius:var(--radius-pill);color:var(--on-navy-body)}.yhp .hp-serve .kit-tabs__tab[aria-selected=true]{color:var(--text-primary)}.yhp .hp-serve .kit-tabs__pill{border-radius:var(--radius-pill)}.yhp .hp-serve-panels{display:grid;margin-top:var(--space-40);position:relative}.yhp .hp-serve-card{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1fr) calc(var(--space-4) * 140);height:calc(var(--space-4) * 150);border-radius:var(--radius-24);overflow:hidden;background-color:var(--surface-page)}.yhp .hp-serve-card:not([data-active]){position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.yhp .hp-serve-card--banking{background-image:linear-gradient(180deg,color-mix(in srgb,var(--module-youbank-base) 22%,transparent),color-mix(in srgb,var(--module-youbank-base) 4%,transparent))}.yhp .hp-serve-card--telco{background-image:linear-gradient(180deg,color-mix(in srgb,var(--module-youreward-base) 22%,transparent),color-mix(in srgb,var(--module-youreward-base) 4%,transparent))}.yhp .hp-serve-card--retail{background-image:linear-gradient(180deg,color-mix(in srgb,var(--module-youshop-base) 22%,transparent),color-mix(in srgb,var(--module-youshop-base) 4%,transparent))}.yhp .hp-serve-card--travel{background-image:linear-gradient(180deg,color-mix(in srgb,var(--module-youpay-base) 22%,transparent),color-mix(in srgb,var(--module-youpay-base) 4%,transparent))}@media (prefers-reduced-motion:no-preference){.yhp .hp-serve-panels[data-switched] .hp-serve-card[data-active]{animation:kit-fade-in var(--motion-duration-medium) var(--motion-ease)}}.yhp .hp-serve-svg :is(#ibk-chrome-frame,#itc-chrome-frame,#irt-chrome-frame,#itr-chrome-frame,[id^=ibk-widget],[id^=itc-widget],[id^=irt-widget],[id^=itr-widget]){transform-box:fill-box}@media (prefers-reduced-motion:no-preference){.yhp .hp-serve.hp-entered .hp-serve-card[data-active] .hp-serve-svg :is(#ibk-chrome-frame,#itc-chrome-frame,#irt-chrome-frame,#itr-chrome-frame){animation:hp-serve-rise .18s var(--motion-ease) backwards}.yhp .hp-serve.hp-entered .hp-serve-card[data-active] .hp-serve-svg :is([id^=ibk-widget],[id^=itc-widget],[id^=irt-widget],[id^=itr-widget]){animation:hp-serve-slide .18s var(--motion-ease) .1s backwards}.yhp .hp-serve.hp-entered .hp-serve-card[data-active] .hp-serve-svg :is(#ibk-caption,#itc-caption,#irt-caption,#itr-caption){animation:kit-fade-in .45s var(--motion-ease) .2s backwards}}@keyframes hp-serve-rise{0%{opacity:0;transform:translateY(var(--space-16))}to{opacity:1;transform:none}}@keyframes hp-serve-slide{0%{opacity:0;transform:translate(calc(-1 * var(--space-16)))}to{opacity:1;transform:none}}.yhp .hp-serve-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;min-width:240px;padding-left:calc(var(--space-64) + var(--space-8));padding-right:var(--space-24)}.yhp .hp-serve .hp-serve-heading{max-width:460px;color:var(--text-primary);line-height:1.08;letter-spacing:-.015em}.yhp .hp-serve-body{max-width:440px;margin-top:calc(var(--space-16) + var(--space-4) / 2);color:var(--text-body)}.yhp .hp-serve-launch{list-style:none;margin:var(--space-32) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,calc(var(--space-4) * 62));-moz-column-gap:var(--space-24);column-gap:var(--space-24);row-gap:calc(var(--space-16) + var(--space-4) / 2)}.yhp .hp-serve-item{display:grid;grid-template-columns:calc(var(--space-24) - 2px) minmax(0,1fr);gap:calc(var(--space-8) + 2px);align-items:start}.yhp .hp-serve-tile{width:calc(var(--space-24) - 2px);height:calc(var(--space-24) - 2px);border-radius:50%;display:grid;place-items:center;color:var(--surface-page)}.yhp .hp-serve-tile svg{width:var(--space-12);height:var(--space-12)}.yhp .hp-serve-tile--youbank{background:var(--module-youbank-base)}.yhp .hp-serve-tile--youpay{background:var(--module-youpay-base)}.yhp .hp-serve-tile--youreward{background:var(--module-youreward-base)}.yhp .hp-serve-tile--youtravel{background:var(--module-youtravel-base)}.yhp .hp-serve-tile--youshop{background:var(--module-youshop-base)}.yhp .hp-serve-tile--youaccept{background:var(--module-youaccept-base)}.yhp .hp-serve-item-text b{display:block;color:var(--text-primary)}.yhp .hp-serve-item-text span{display:block;max-width:calc(var(--space-4) * 54);margin-top:var(--space-4);color:var(--text-body)}.yhp .hp-serve-chips{display:none;margin-top:var(--space-32)}.yhp .hp-serve-actions{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-top:calc(var(--space-32) + var(--space-4))}.yhp .hp-serve-actions .kit-btn-text{gap:var(--space-8)}.yhp .hp-serve-actions .kit-btn-text--solid{color:var(--action-on-primary)}.yhp .hp-serve-actions .kit-btn-text--outline{color:var(--text-primary)}.yhp .hp-serve-actions .kit-btn-text svg{width:calc(var(--space-16) - 2px);height:calc(var(--space-16) - 2px)}.yhp .hp-serve-graphic{position:relative;min-width:0;overflow:visible}.yhp .hp-serve-svg,.yhp .hp-serve-svg svg{overflow:visible}.yhp .hp-serve-svg svg{display:block;width:calc(var(--space-4) * 148);height:calc(var(--space-4) * 150);margin-left:calc(var(--space-4) * -8)}.yhp .hp-serve-card--telco .hp-serve-svg svg{width:calc(var(--space-4) * 148.75);margin-left:calc(var(--space-4) * -8.75)}@media (max-width:1023px){.yhp .hp-serve-card{grid-template-columns:minmax(0,1fr);height:auto}.yhp .hp-serve-card:not([data-active]){position:absolute}.yhp .hp-serve-copy{padding:var(--space-40) var(--layout-margin-min)}.yhp .hp-serve .hp-serve-heading,.yhp .hp-serve .hp-serve-body{max-width:none}.yhp .hp-serve-launch{grid-template-columns:repeat(2,minmax(0,1fr))}.yhp .hp-serve-svg svg{width:calc(100% * 592 / 560);height:auto;margin-left:0}.yhp .hp-serve-card--telco .hp-serve-svg svg{width:106.25%}.yhp .hp-serve-tabrow{justify-content:flex-start}.yhp .hp-serve-launch{display:none}.yhp .hp-serve-chips{display:block}.yhp .hp-serve .kit-tabs__list[data-stacked]{border-radius:var(--radius-24)}}@media (max-width:767px){.yhp .hp-serve-copy{padding:var(--space-32) var(--layout-margin)}.yhp .hp-serve-launch{grid-template-columns:minmax(0,1fr)}}.yhp .hp-kit.hp-oi{background:var(--surface-navy);padding:var(--space-112) 0;color:var(--text-inverse)}.yhp .hp-oi-head{display:grid;grid-template-columns:calc(var(--space-4) * 155) calc(var(--space-4) * 110);justify-content:space-between;align-items:start}.yhp .hp-oi .hp-oi-head h2{color:var(--text-inverse)}.yhp .hp-oi .hp-oi-head p{color:var(--on-navy-body)}.yhp .hp-oi-diagram{margin-top:calc(var(--space-64) + var(--space-8))}.yhp .hp-oi-diagram svg{display:block;width:100%;height:auto;overflow:visible}.yhp .hp-oi-lower{display:grid;grid-template-columns:calc(var(--space-4) * 188) calc(var(--space-4) * 105);justify-content:space-between;align-items:start;margin-top:var(--space-112)}.yhp .hp-oi .hp-oi-lower h2{color:var(--text-inverse)}.yhp .hp-oi .hp-oi-lower p{color:var(--on-navy-label)}.yhp .hp-oi-features{list-style:none;margin:calc(var(--space-48) + var(--space-8)) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-16)}.yhp .hp-oi-feature{min-width:0;padding:var(--space-32) 0 0 calc(var(--space-24) + 1px)}.yhp .hp-oi-feature-ic{display:flex;align-items:center;justify-content:flex-start;height:var(--space-24);color:var(--text-inverse)}.yhp .hp-oi .hp-oi-feature h3{margin-top:calc(var(--space-24) + 1px);line-height:var(--space-24);color:var(--text-inverse)}.yhp .hp-oi .hp-oi-feature p{margin-top:calc(var(--space-16) - var(--space-4) - 1px);max-width:calc(var(--space-4) * 44 + 3px);color:var(--on-navy-label)}.yhp .hp-oi-diagram :is(#oi-your-core-systems,#oi-youtap-core,#oi-your-app,#oi-rule,#oi-rule-2,#oi-chip-a-one-integra,#oi-chip-a-same-app,#oi-rule-3,#oi-chip-a-add-any-mod,#oi-rule-4,#oi-rule-5,#oi-rule-6,#oi-rule-7,#oi-rule-8,#oi-rule-9,#oi-rule-10,#oi-module-a-youbank-a,#oi-module-a-youpay-av,#oi-module-a-youaccept,#oi-module-a-youreward,#oi-module-a-youtravel,#oi-module-a-youshop-a,.oi-add){transform-box:fill-box}.yhp .hp-oi-anim:not(.hp-entered) .hp-oi-diagram :is(#oi-your-core-systems,#oi-youtap-core,#oi-your-app,#oi-chip-a-one-integra,#oi-chip-a-same-app,#oi-chip-a-add-any-mod,#oi-module-a-youbank-a,#oi-module-a-youpay-av,#oi-module-a-youaccept,#oi-module-a-youreward,#oi-module-a-youtravel,#oi-module-a-youshop-a,#oi-rule,#oi-rule-2,#oi-rule-3,#oi-rule-4,#oi-rule-5,#oi-rule-6,#oi-rule-7,#oi-rule-8,#oi-rule-9,#oi-rule-10){opacity:0}@media (prefers-reduced-motion:no-preference){.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-your-core-systems{animation:hp-oi-left .7s cubic-bezier(.2,.8,.2,1) 0ms backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-rule{transform-origin:left;animation:hp-oi-draw-x .6s ease-out .3s backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-chip-a-one-integra{animation:hp-oi-pop .45s cubic-bezier(.3,1.4,.4,1) .52s backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-youtap-core{animation:hp-oi-pop .6s cubic-bezier(.2,.8,.2,1) .65s backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-rule-2{transform-origin:left;animation:hp-oi-draw-x .6s ease-out .9s backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-chip-a-same-app{animation:hp-oi-pop .45s cubic-bezier(.3,1.4,.4,1) 1.12s backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-your-app{animation:hp-oi-right .7s cubic-bezier(.2,.8,.2,1) 1.15s backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-rule-3{transform-origin:top;animation:hp-oi-draw-y .5s ease-out 1.3s backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-chip-a-add-any-mod{animation:hp-oi-pop .45s cubic-bezier(.3,1.4,.4,1) 1.45s backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram :is(#oi-rule-4,#oi-rule-5,#oi-rule-6,#oi-rule-7,#oi-rule-8,#oi-rule-9,#oi-rule-10){animation:hp-oi-fade .5s ease 1.55s backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram :is(#oi-module-a-youbank-a,#oi-module-a-youpay-av,#oi-module-a-youaccept,#oi-module-a-youreward,#oi-module-a-youtravel,#oi-module-a-youshop-a){animation:hp-oi-rise .5s cubic-bezier(.2,.8,.2,1) backwards}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-module-a-youbank-a{animation-delay:1.6s}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-module-a-youpay-av{animation-delay:1.66s}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-module-a-youaccept{animation-delay:1.72s}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-module-a-youreward{animation-delay:1.78s}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-module-a-youtravel{animation-delay:1.84s}.yhp .hp-oi.hp-entered .hp-oi-diagram #oi-module-a-youshop-a{animation-delay:1.9s}}@keyframes hp-oi-left{0%{opacity:0;transform:translate(calc(-1 * var(--space-24)))}}@keyframes hp-oi-right{0%{opacity:0;transform:translate(var(--space-24))}}@keyframes hp-oi-pop{0%{opacity:0;transform:scale(.9)}}@keyframes hp-oi-rise{0%{opacity:0;transform:translateY(calc(var(--space-16) - 2px))}}@keyframes hp-oi-draw-x{0%{transform:scaleX(0)}}@keyframes hp-oi-draw-y{0%{transform:scaleY(0)}}@keyframes hp-oi-fade{0%{opacity:0}}@keyframes hp-oi-feature{0%{opacity:0;transform:translate(calc(var(--space-16) - 2px))}}.yhp .hp-oi-diagram #oi-logo-tile{transform-box:fill-box;transform-origin:center}.yhp .hp-oi-diagram .oi-dot-in-youbank{offset-path:path("M93 324L93 302.5L598.5 302.5L598.5 188")}.yhp .hp-oi-diagram .oi-dot-in-youpay{offset-path:path("M296 324L296 305.5L601.5 305.5L601.5 188")}.yhp .hp-oi-diagram .oi-dot-in-youaccept{offset-path:path("M498 324L498 305.5L601.5 305.5L601.5 188")}.yhp .hp-oi-diagram .oi-dot-in-youreward{offset-path:path("M701 324L701 304L600 304L600 188")}.yhp .hp-oi-diagram .oi-dot-in-youtravel{offset-path:path("M904 324L904 302.5L598.5 302.5L598.5 188")}.yhp .hp-oi-diagram .oi-dot-in-youshop{offset-path:path("M1106 324L1106 304L600 304L600 188")}.yhp .hp-oi-diagram .oi-dot-out-youbank{offset-path:path("M740 98.5L920 98.5")}.yhp .hp-oi-diagram .oi-dot-out-youpay,.yhp .hp-oi-diagram .oi-dot-out-youaccept{offset-path:path("M740 101.5L920 101.5")}.yhp .hp-oi-diagram .oi-dot-out-youreward{offset-path:path("M740 100L920 100")}.yhp .hp-oi-diagram .oi-dot-out-youtravel{offset-path:path("M740 98.5L920 98.5")}.yhp .hp-oi-diagram .oi-dot-out-youshop{offset-path:path("M740 100L920 100")}.yhp .hp-oi-diagram .oi-add{transform:translate(calc(var(--space-8)))}.yhp .hp-oi-diagram .oi-route{stroke-dasharray:100;stroke-dashoffset:100}.yhp .hp-oi:not(.hp-oi-anim) .hp-oi-diagram #oi-module-a-youreward .oi-chip-hl{opacity:1}.yhp .hp-oi:not(.hp-oi-anim) .hp-oi-diagram #oi-youreward{fill:var(--primitive-ink);fill-opacity:1;font-weight:600}.yhp .hp-oi:not(.hp-oi-anim) .hp-oi-diagram :is(.oi-route-in-youreward,.oi-route-out-youreward){opacity:1;stroke-dashoffset:0}.yhp .hp-oi:not(.hp-oi-anim) .hp-oi-diagram .oi-add-youreward{opacity:1;transform:none}.yhp .hp-oi-anim .hp-oi-diagram :is(.oi-chip-hl,.oi-halo,.oi-add){opacity:0}.yhp .hp-oi-anim .hp-oi-diagram #oi-youreward{fill:var(--text-inverse);fill-opacity:.7;font-weight:500}.yhp .hp-oi-anim .hp-oi-diagram .oi-add-youreward{transform:translate(calc(var(--space-8)))}.yhp .hp-oi-anim .hp-oi-diagram :is(.oi-route-in-youreward,.oi-route-out-youreward){opacity:0;stroke-dashoffset:100}.yhp .hp-oi-anim .hp-oi-diagram .oi-route{transition:opacity .4s ease-in-out,stroke-dashoffset 0s linear .4s}.yhp .hp-oi-anim .hp-oi-diagram :is(.oi-chip-hl,.oi-halo){transition:opacity .4s ease-in-out}.yhp .hp-oi-anim .hp-oi-diagram .oi-add{transition:opacity .4s ease-in-out,transform 0s linear .4s}.yhp .hp-oi-anim .hp-oi-diagram :is(#oi-youbank,#oi-youpay,#oi-youaccept,#oi-youreward,#oi-youtravel,#oi-youshop){transition:fill .4s ease-in-out}@media (prefers-reduced-motion:no-preference){.yhp .hp-oi-s1 .hp-oi-diagram #oi-module-a-youreward .oi-chip-hl,.yhp .hp-oi-s2 .hp-oi-diagram :is(#oi-module-a-youbank-a,#oi-module-a-youpay-av) .oi-chip-hl,.yhp .hp-oi-s3 .hp-oi-diagram #oi-module-a-youshop-a .oi-chip-hl,.yhp .hp-oi-s4 .hp-oi-diagram :is(#oi-module-a-youtravel,#oi-module-a-youaccept) .oi-chip-hl{opacity:1;transition:opacity .3s ease-in-out}.yhp .hp-oi-s1 .hp-oi-diagram .oi-halo-youreward,.yhp .hp-oi-s2 .hp-oi-diagram :is(.oi-halo-youbank,.oi-halo-youpay),.yhp .hp-oi-s3 .hp-oi-diagram .oi-halo-youshop,.yhp .hp-oi-s4 .hp-oi-diagram :is(.oi-halo-youtravel,.oi-halo-youaccept){opacity:.35;transition:opacity .3s ease-in-out}.yhp .hp-oi-s1 .hp-oi-diagram #oi-youreward,.yhp .hp-oi-s2 .hp-oi-diagram :is(#oi-youbank,#oi-youpay),.yhp .hp-oi-s3 .hp-oi-diagram #oi-youshop,.yhp .hp-oi-s4 .hp-oi-diagram :is(#oi-youtravel,#oi-youaccept){fill:var(--primitive-ink);fill-opacity:1;font-weight:600}.yhp .hp-oi-s1 .hp-oi-diagram .oi-route-in-youreward,.yhp .hp-oi-s2 .hp-oi-diagram :is(.oi-route-in-youbank,.oi-route-in-youpay),.yhp .hp-oi-s3 .hp-oi-diagram .oi-route-in-youshop,.yhp .hp-oi-s4 .hp-oi-diagram :is(.oi-route-in-youtravel,.oi-route-in-youaccept){opacity:1;stroke-dashoffset:0;transition:opacity .1s ease-in-out .3s,stroke-dashoffset .8s ease-in-out .3s}.yhp .hp-oi-s1 .hp-oi-diagram .oi-route-out-youreward,.yhp .hp-oi-s2 .hp-oi-diagram :is(.oi-route-out-youbank,.oi-route-out-youpay),.yhp .hp-oi-s3 .hp-oi-diagram .oi-route-out-youshop,.yhp .hp-oi-s4 .hp-oi-diagram :is(.oi-route-out-youtravel,.oi-route-out-youaccept){opacity:1;stroke-dashoffset:0;transition:opacity .1s ease-in-out 1.1s,stroke-dashoffset .6s ease-in-out 1.1s}.yhp .hp-oi-s2 .hp-oi-diagram .oi-route-in-youpay,.yhp .hp-oi-s4 .hp-oi-diagram .oi-route-in-youaccept{transition-delay:.39s}.yhp .hp-oi-s2 .hp-oi-diagram .oi-route-out-youpay,.yhp .hp-oi-s4 .hp-oi-diagram .oi-route-out-youaccept{transition-delay:1.19s}.yhp .hp-oi-s1 .hp-oi-diagram .oi-add-youreward,.yhp .hp-oi-s2 .hp-oi-diagram :is(.oi-add-youbank,.oi-add-youpay),.yhp .hp-oi-s3 .hp-oi-diagram .oi-add-youshop,.yhp .hp-oi-s4 .hp-oi-diagram :is(.oi-add-youtravel,.oi-add-youaccept){opacity:1;transform:none;transition:opacity .4s ease-in-out 1.7s,transform .4s cubic-bezier(.2,.8,.2,1) 1.7s}.yhp .hp-oi-s2 .hp-oi-diagram .oi-add-youpay,.yhp .hp-oi-s4 .hp-oi-diagram .oi-add-youaccept{transition-delay:1.79s}.yhp .hp-oi-s1 .hp-oi-diagram .oi-dot-in-youreward,.yhp .hp-oi-s2 .hp-oi-diagram :is(.oi-dot-in-youbank,.oi-dot-in-youpay),.yhp .hp-oi-s3 .hp-oi-diagram .oi-dot-in-youshop,.yhp .hp-oi-s4 .hp-oi-diagram :is(.oi-dot-in-youtravel,.oi-dot-in-youaccept){animation:hp-oi-dot .8s ease-in-out .3s 1}.yhp .hp-oi-s1 .hp-oi-diagram .oi-dot-out-youreward,.yhp .hp-oi-s2 .hp-oi-diagram :is(.oi-dot-out-youbank,.oi-dot-out-youpay),.yhp .hp-oi-s3 .hp-oi-diagram .oi-dot-out-youshop,.yhp .hp-oi-s4 .hp-oi-diagram :is(.oi-dot-out-youtravel,.oi-dot-out-youaccept){animation:hp-oi-dot .6s ease-in-out 1.1s 1}.yhp .hp-oi-s2 .hp-oi-diagram .oi-dot-in-youpay,.yhp .hp-oi-s4 .hp-oi-diagram .oi-dot-in-youaccept{animation-delay:.39s}.yhp .hp-oi-s2 .hp-oi-diagram .oi-dot-out-youpay,.yhp .hp-oi-s4 .hp-oi-diagram .oi-dot-out-youaccept{animation-delay:1.19s}.yhp .hp-oi-s1 .hp-oi-diagram .oi-glow-am-youreward,.yhp .hp-oi-s2 .hp-oi-diagram .oi-glow-am-youbank{animation:hp-oi-glow .9s ease-in-out .64s 1}.yhp .hp-oi-s2 .hp-oi-diagram .oi-glow-am-youpay{animation:hp-oi-glow .9s ease-in-out .73s 1}.yhp .hp-oi-s3 .hp-oi-diagram .oi-glow-am-youshop,.yhp .hp-oi-s4 .hp-oi-diagram .oi-glow-am-youtravel{animation:hp-oi-glow .9s ease-in-out .64s 1}.yhp .hp-oi-s4 .hp-oi-diagram .oi-glow-am-youaccept{animation:hp-oi-glow .9s ease-in-out .73s 1}.yhp .hp-oi-s1 .hp-oi-diagram .oi-glow-sa-youreward,.yhp .hp-oi-s2 .hp-oi-diagram .oi-glow-sa-youbank{animation:hp-oi-glow .9s ease-in-out 1.1s 1}.yhp .hp-oi-s2 .hp-oi-diagram .oi-glow-sa-youpay{animation:hp-oi-glow .9s ease-in-out 1.19s 1}.yhp .hp-oi-s3 .hp-oi-diagram .oi-glow-sa-youshop,.yhp .hp-oi-s4 .hp-oi-diagram .oi-glow-sa-youtravel{animation:hp-oi-glow .9s ease-in-out 1.1s 1}.yhp .hp-oi-s4 .hp-oi-diagram .oi-glow-sa-youaccept{animation:hp-oi-glow .9s ease-in-out 1.19s 1}.yhp .hp-oi-s1 .hp-oi-diagram .oi-glow-core-youreward,.yhp .hp-oi-s2 .hp-oi-diagram .oi-glow-core-youbank{animation:hp-oi-glow .5s ease-in-out 1.1s 1}.yhp .hp-oi-s2 .hp-oi-diagram .oi-glow-core-youpay{animation:hp-oi-glow .5s ease-in-out 1.19s 1}.yhp .hp-oi-s3 .hp-oi-diagram .oi-glow-core-youshop,.yhp .hp-oi-s4 .hp-oi-diagram .oi-glow-core-youtravel{animation:hp-oi-glow .5s ease-in-out 1.1s 1}.yhp .hp-oi-s4 .hp-oi-diagram .oi-glow-core-youaccept{animation:hp-oi-glow .5s ease-in-out 1.19s 1}.yhp .hp-oi-anim.hp-entered .hp-oi-diagram #oi-flow-l{animation:hp-oi-flow-l 2.6s linear 1.6s infinite}.yhp .hp-oi-anim.hp-entered .hp-oi-diagram #oi-flow-r{animation:hp-oi-flow-l 2.6s linear 2.9s infinite}}@keyframes hp-oi-dot{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes hp-oi-glow{0%{opacity:0}33%{opacity:1}to{opacity:0}}@keyframes hp-oi-flow-l{0%{transform:translate(0);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translate(calc(var(--space-4) * 45));opacity:0}}@media (min-width:1024px) and (max-width:1279px){.yhp .hp-oi-head,.yhp .hp-oi-lower{grid-template-columns:minmax(0,31fr) minmax(0,22fr);-moz-column-gap:var(--space-48);column-gap:var(--space-48)}.yhp .hp-oi-features{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-32)}}@media (max-width:1023px){.yhp .hp-oi-head,.yhp .hp-oi-lower{grid-template-columns:minmax(0,1fr);row-gap:var(--space-16)}.yhp .hp-oi .hp-oi-head h2,.yhp .hp-oi .hp-oi-head p,.yhp .hp-oi .hp-oi-lower h2,.yhp .hp-oi .hp-oi-lower p{max-width:calc(var(--space-4) * 155)}.yhp .hp-oi-diagram{margin-top:var(--space-48)}.yhp .hp-oi-lower{margin-top:var(--space-64)}.yhp .hp-oi-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.yhp .hp-kit.hp-oi{padding:var(--space-80) 0}.yhp .hp-oi-features{grid-template-columns:minmax(0,1fr)}}.yhp .hp-kit.hp-loyalty{background:var(--surface-warm);padding:var(--space-112) 0 calc(var(--space-4) * 36);color:var(--text-primary)}.yhp .hp-kit.hp-loyalty .hp-loyalty-head{display:grid;grid-template-columns:calc(var(--space-4) * 155) calc(var(--space-4) * 110);-moz-column-gap:calc(var(--space-4) * 35);column-gap:calc(var(--space-4) * 35);align-items:start}.yhp .hp-kit.hp-loyalty .hp-loyalty-lead{min-width:0}.yhp .hp-kit.hp-loyalty .hp-loyalty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-20);margin-top:calc(var(--space-4) * 7)}.yhp .hp-kit.hp-loyalty .kit-btn-text--solid{font-family:var(--font-sans);font-weight:500;font-size:calc(var(--space-4) * 3.75);line-height:var(--space-20)}.yhp .hp-kit.hp-loyalty .hp-loyalty-explore{display:inline-flex;flex:none;align-items:center;gap:var(--space-8);font-family:var(--font-sans);font-weight:600;font-size:calc(var(--space-4) * 3.75);line-height:var(--space-20);color:var(--text-primary);text-decoration:none}.yhp .hp-kit.hp-loyalty .hp-loyalty-explore svg{width:var(--space-16);height:var(--space-16)}.yhp .hp-kit.hp-loyalty .hp-loyalty-explore:focus-visible{outline:1px solid var(--focus-border);outline-offset:var(--space-4)}.yhp .hp-kit.hp-loyalty .hp-loyalty-intro{margin:0;color:var(--text-body)}.yhp .hp-kit.hp-loyalty .hp-loyalty-panel{margin-top:calc(var(--space-4) * 14)}.yhp .hp-kit.hp-loyalty .hp-loyalty-svg{width:100%;aspect-ratio:1200 / 560;border-radius:calc(var(--space-4) * 5)}.yhp .hp-kit.hp-loyalty .hp-loyalty-svg svg{display:block;width:100%;height:auto}.yhp .hp-kit.hp-loyalty .hp-loyalty-features{margin-top:var(--space-40);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:var(--space-24);column-gap:var(--space-24)}.yhp .hp-kit.hp-loyalty .hp-loyalty-feature{min-width:0}.yhp .hp-kit.hp-loyalty .hp-loyalty-feature-icon{display:block;color:var(--action-primary)}.yhp .hp-kit.hp-loyalty .hp-loyalty-feature-icon svg{width:calc(var(--space-4) * 4.5);height:calc(var(--space-4) * 4.5)}.yhp .hp-kit.hp-loyalty .hp-loyalty-feature-title{margin:var(--space-16) 0 0;font-family:var(--font-sans);font-weight:400;font-size:calc(var(--space-4) * 5);line-height:var(--space-24);letter-spacing:0;color:var(--text-primary)}.yhp .hp-kit.hp-loyalty .hp-loyalty-feature-desc{margin:var(--space-8) 0 0;color:var(--text-body)}.yhp .hp-kit.hp-loyalty .hp-loyalty-feature-link{display:inline-flex;align-items:center;gap:var(--space-8);margin-top:calc(var(--space-4) * 4.5);font-family:var(--font-sans);font-weight:600;font-size:calc(var(--space-4) * 3.75);line-height:var(--space-20);color:var(--action-primary);text-decoration:none}.yhp .hp-kit.hp-loyalty .hp-loyalty-feature-link svg{width:var(--space-16);height:var(--space-16)}.yhp .hp-kit.hp-loyalty .hp-loyalty-feature-link:focus-visible{outline:1px solid var(--focus-border);outline-offset:var(--space-4)}.hp-loyalty-svg g{transform-box:fill-box;transform-origin:center}.hp-motion:not(.hp-entered) .hp-loyalty-svg :is(#ly-chrome-frame,[id^=ly-leader-a-callout],[id^=ly-leader-dot-a-callo],#ly-callout-01,#ly-callout-02,#ly-callout-03){opacity:0}.hp-motion:not(.hp-entered) .hp-loyalty-svg #ly-progress-a-1-240-o{transform:scaleX(0);transform-origin:left center}.hp-motion.hp-entered .hp-loyalty-svg #ly-chrome-frame{animation:hp-loyalty-rise var(--motion-duration-slow) var(--motion-ease) backwards}.hp-motion.hp-entered .hp-loyalty-svg :is([id^=ly-leader-a-callout],[id^=ly-leader-dot-a-callo]){animation:hp-loyalty-fade var(--motion-duration-medium) var(--motion-ease) var(--motion-duration-medium) backwards}.hp-motion.hp-entered .hp-loyalty-svg #ly-callout-01{animation:hp-loyalty-in-left var(--motion-duration-medium) var(--motion-ease) .45s backwards}.hp-motion.hp-entered .hp-loyalty-svg #ly-callout-02{animation:hp-loyalty-in-right var(--motion-duration-medium) var(--motion-ease) var(--motion-duration-slow) backwards}.hp-motion.hp-entered .hp-loyalty-svg #ly-callout-03{animation:hp-loyalty-in-left var(--motion-duration-medium) var(--motion-ease) .75s backwards}.hp-motion.hp-entered .hp-loyalty-svg #ly-progress-a-1-240-o{animation:hp-loyalty-grow var(--motion-duration-slow) var(--motion-ease) var(--motion-duration-medium) backwards;transform-origin:left center}@keyframes hp-loyalty-rise{0%{opacity:0;transform:translateY(var(--space-24))}to{opacity:1;transform:none}}@keyframes hp-loyalty-fade{0%{opacity:0}to{opacity:1}}@keyframes hp-loyalty-in-left{0%{opacity:0;transform:translate(calc(var(--space-12) * -1))}to{opacity:1;transform:none}}@keyframes hp-loyalty-in-right{0%{opacity:0;transform:translate(var(--space-12))}to{opacity:1;transform:none}}@keyframes hp-loyalty-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.hp-loyalty-svg *{opacity:1!important;animation:none!important;transition:none!important;transform:none!important}}@media (max-width:1111px){.yhp .hp-kit.hp-loyalty .hp-loyalty-features{grid-template-columns:repeat(2,minmax(calc(var(--space-4) * 60),1fr));row-gap:var(--space-40)}}@media (min-width:1024px) and (max-width:1279px){.yhp .hp-kit.hp-loyalty .hp-loyalty-head{grid-template-columns:minmax(0,31fr) minmax(0,22fr);-moz-column-gap:var(--space-48);column-gap:var(--space-48)}}@media (max-width:1023px){.yhp .hp-kit.hp-loyalty{padding:var(--layout-section-padding) 0}.yhp .hp-kit.hp-loyalty .hp-loyalty-head{grid-template-columns:minmax(0,1fr);row-gap:var(--space-40)}}@media (max-width:767px){.yhp .hp-kit.hp-loyalty .hp-loyalty-features{grid-template-columns:minmax(calc(var(--space-4) * 60),1fr)}}.yhp .hp-kit{width:100%;margin-inline:0;font-family:var(--font-sans);font-feature-settings:normal;color:var(--text-primary);background:var(--surface-page);position:relative;z-index:2}.yhp .hp-kit *,.yhp .hp-kit *:before,.yhp .hp-kit *:after{box-sizing:border-box}.yhp .hp-kit :is(h2,h3,p){margin:0}.yhp .hp-kit :is(h2,h3){font-family:var(--font-display);font-feature-settings:normal;text-wrap:balance;color:var(--text-primary)}.yhp .hp-kit h2{line-height:1.08;letter-spacing:-.015em}.yhp .hp-kit h3{line-height:1.15;letter-spacing:-.01em}.hp-kit svg{flex:none;width:calc(var(--space-4) * 4);height:calc(var(--space-4) * 4)}.hp-kit .hp-module-mark{width:calc(var(--space-4) * 5);height:calc(var(--space-4) * 5);display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent-base);color:var(--text-inverse);flex:none}.hp-kit .hp-module-mark svg{width:calc(var(--space-4) * 3);height:calc(var(--space-4) * 3)}.hp-kit .hp-bento-card{position:relative;height:calc(var(--space-4) * 100);min-width:0;border-radius:var(--radius-16);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-base) 28%,var(--surface-page)),color-mix(in srgb,var(--accent-base) 8%,var(--surface-page)));container-type:inline-size}.hp-kit .hp-wide{grid-column:auto}.hp-kit .hp-card-chip{position:absolute;left:calc(var(--space-4) * 8);top:calc(var(--space-4) * 8);display:flex;align-items:center;gap:calc(var(--space-4) * 2);color:color-mix(in srgb,var(--text-primary) 70%,transparent);pointer-events:none}.yhp .hp-kit .hp-card-link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-16);z-index:3}.hp-kit .hp-card-link-disc{position:absolute;right:calc(var(--space-4) * 8);top:calc(var(--space-4) * 8);width:calc(var(--space-4) * 8);height:calc(var(--space-4) * 8);border-radius:var(--radius-pill);background:var(--surface-page);color:var(--text-primary);display:grid;place-items:center}.hp-kit .hp-card-link-disc svg{width:calc(var(--space-4) * 4);height:calc(var(--space-4) * 4)}.hp-kit .hp-card-copy{position:relative;left:calc(var(--space-4) * 8);top:calc(var(--space-4) * 19);width:calc(var(--space-4) * 83);z-index:2;pointer-events:none}.hp-kit .hp-wide .hp-card-copy{width:calc(var(--space-4) * 90)}.yhp .hp-kit .hp-card-copy p{margin-top:var(--space-12)}.hp-kit .hp-wide .hp-card-copy p{max-width:calc(var(--space-120) * 2 + var(--space-20))}.hp-kit .hp-bento-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.yhp .hp-kit .hp-bento-svg{position:absolute;top:0;right:0;bottom:0;left:0}.yhp .hp-kit .hp-bento-svg>svg{position:absolute;left:0;top:0;display:block;width:100%;height:auto}@media (min-width:1200px){.yhp .hp-kit .hp-bento-svg>svg{height:100%}}@media (max-width:1199px) and (min-width:1024px){.hp-kit .hp-bento-card{height:auto}.hp-kit .hp-card-copy,.hp-kit .hp-wide .hp-card-copy{position:relative;left:auto;top:auto;margin:var(--space-80) var(--space-16) 0;width:auto;min-height:calc(var(--space-120) + var(--space-64))}.hp-kit .hp-bento-card:after{content:"";display:block;aspect-ratio:392 / 280}.hp-kit .hp-wide:after{aspect-ratio:784 / 400}.hp-kit .hp-card-chip{left:calc(var(--space-4) * 6)}.yhp .hp-kit .hp-card-link-disc{right:calc(var(--space-4) * 6)}}@media (max-width:1023px){.hp-kit .hp-bento-card{grid-column:auto;height:auto}.hp-kit .hp-card-copy,.hp-kit .hp-wide .hp-card-copy{position:relative;left:auto;top:auto;width:auto;padding:0 calc(var(--space-4) * 6);margin-top:calc(var(--space-4) * 19)}.hp-kit .hp-bento-card:after{content:"";display:block;aspect-ratio:392 / 280;margin-top:var(--space-24)}.hp-kit .hp-wide:after{aspect-ratio:590 / 512}.hp-kit [data-accent=youtravel].hp-wide:after{aspect-ratio:434 / 300}.hp-kit [data-accent=youbank].hp-wide:after{aspect-ratio:512 / 509}.hp-kit .hp-wide .hp-card-copy p{max-width:none}.hp-kit .hp-card-chip{left:calc(var(--space-4) * 6);top:calc(var(--space-4) * 6)}.yhp .hp-kit .hp-card-link-disc{right:calc(var(--space-4) * 6);top:calc(var(--space-4) * 6)}}.yhp .hp-kit .hp-bento-card{border:0;padding:0}.yhp .modules.hp-modules{padding:calc(var(--space-4) * 28.5) 0 calc(var(--space-4) * 22);margin:0;width:100%;overflow:visible;background:var(--surface-page)}.yhp .modules.hp-modules:before{content:none}.yhp .hp-modules-head{display:grid;grid-template-columns:calc(var(--space-4) * 128) calc(var(--space-4) * 110);justify-content:space-between;align-items:start;min-height:calc(var(--space-4) * 29.5)}.yhp .hp-modules-grid{display:grid;gap:var(--space-24)}.yhp .hp-modules-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-24)}.yhp .hp-modules-row.hp-reverse{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.yhp .hp-modules .hp-modules-caption{margin-top:calc(var(--space-4) * 4)}@media (max-width:1199px){.yhp .hp-modules-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:calc(var(--space-4) * 10)}}@media (max-width:1023px){.yhp .modules.hp-modules{padding:var(--layout-section-padding) 0}.yhp .hp-modules-head{grid-template-columns:minmax(0,1fr);gap:calc(var(--space-4) * 5);padding-bottom:calc(var(--space-4) * 8);min-height:0}.yhp .hp-modules-row,.yhp .hp-modules-row.hp-reverse{grid-template-columns:minmax(0,1fr)}}@media (max-width:1279px){.yhp .hp-modules .hp-modules-row,.yhp .hp-modules .hp-modules-row.hp-reverse{grid-template-columns:repeat(2,minmax(0,1fr))}.yhp .hp-modules .hp-bento-card{height:auto}.yhp .hp-modules .hp-card-copy,.yhp .hp-modules .hp-wide .hp-card-copy{position:relative;left:auto;top:auto;width:auto;min-height:0;margin:var(--space-80) var(--space-24) 0;padding:0}.yhp .hp-modules .hp-wide .hp-card-copy p{max-width:none}.yhp .hp-modules .hp-bento-card:after{display:none}.yhp .hp-modules .hp-bento-art{position:relative;inset:auto;aspect-ratio:392 / 400;margin-top:var(--space-24)}.yhp .hp-modules .hp-wide .hp-bento-art{aspect-ratio:784 / 400}.yhp .hp-modules .hp-bento-svg>svg{width:100%;height:100%}.yhp .hp-modules-head{padding-bottom:var(--space-32)}}@media (max-width:1023px){.yhp .hp-modules .hp-modules-row,.yhp .hp-modules .hp-modules-row.hp-reverse{grid-template-columns:minmax(0,1fr)}}@media (max-width:1023px){.yhp .hp-modules .hp-bento-art{--hp-art-u:min(calc(var(--space-4) / 4), calc(100cqw / 520));--hp-art-w:396;--hp-art-y0:200;aspect-ratio:auto;height:calc((400 - var(--hp-art-y0)) * var(--hp-art-u));overflow:hidden}.yhp .hp-modules .hp-wide .hp-bento-art{--hp-art-w:792;aspect-ratio:auto}.yhp .hp-modules .hp-bento-art .hp-bento-svg>svg{width:calc(var(--hp-art-w) * var(--hp-art-u));height:calc(400 * var(--hp-art-u));top:calc(var(--hp-art-y0) * -1 * var(--hp-art-u));left:calc(50% - var(--hp-art-w) / 2 * var(--hp-art-u))}.yhp .hp-modules .hp-wide .hp-bento-art .hp-bento-svg>svg{left:calc(50% - var(--hp-art-cx) * var(--hp-art-u))}.yhp .hp-modules [data-accent=youreward] .hp-bento-art{--hp-art-y0:56}.yhp .hp-modules [data-accent=youreward] .hp-bento-art .hp-bento-svg>svg{left:calc(100% - 788 * var(--hp-art-u))}.yhp .hp-modules [data-accent=youtravel] .hp-bento-art{--hp-art-y0:56;--hp-art-cx:520}.yhp .hp-modules [data-accent=youbank] .hp-bento-art{--hp-art-y0:20;--hp-art-cx:445}.yhp .hp-modules [data-accent=youpay] .hp-bento-art{--hp-art-y0:200}.yhp .hp-modules [data-accent=youaccept] .hp-bento-art{--hp-art-y0:196}.yhp .hp-modules [data-accent=youshop] .hp-bento-art{--hp-art-y0:166}}.yhp .hp-kit.hp-news{--hp-news-ease:cubic-bezier(.22,1,.36,1);background:var(--surface-navy);padding:var(--space-112) 0;color:var(--text-inverse)}.yhp .hp-news-head{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:end;-moz-column-gap:var(--space-48);column-gap:var(--space-48)}.yhp .hp-news .hp-news-head h2{color:var(--text-inverse)}.yhp .hp-news .hp-news-head p{max-width:calc(var(--space-4) * 140);margin-top:calc(var(--space-16) - 2px);color:var(--on-navy-body)}.yhp .hp-news-viewall{display:inline-flex;align-items:center;gap:var(--space-8);padding:calc(var(--space-12) + 1px) var(--space-24);border:1px solid color-mix(in srgb,var(--text-inverse) 35%,transparent);border-radius:var(--radius-pill);color:var(--text-inverse);text-decoration:none;white-space:nowrap;line-height:calc(var(--space-24) - 1px);transition:border-color var(--motion-duration-fast) var(--hp-news-ease)}.yhp .hp-news-viewall:hover{border-color:var(--text-inverse)}.yhp .hp-news-viewall svg{width:calc(var(--space-16) - 2px);height:calc(var(--space-16) - 2px)}.yhp .hp-news-stories{display:grid;grid-template-columns:1.0417fr 1fr;gap:var(--space-24);margin-top:calc(var(--space-48) + var(--space-8))}.yhp .hp-news-side{display:flex;flex-direction:column;gap:var(--space-24);min-width:0}.yhp .hp-news-side .hp-news-card{flex:1}.yhp .hp-news-card{position:relative;display:flex;min-width:0;background:var(--surface-page);border-radius:var(--radius-24);overflow:hidden;color:var(--text-primary);text-decoration:none}.yhp .hp-news-featured{flex-direction:column}.yhp .hp-news-art{position:relative;overflow:hidden;flex:none}.yhp .hp-news-featured .hp-news-art{aspect-ratio:60/34}.yhp .hp-news-art svg{position:relative;width:100%;height:100%;max-width:none;max-height:none;display:block}.yhp .hp-news-art text{font-family:var(--font-sans)}.yhp .hp-news-art[data-topic=youreward]{background:linear-gradient(135deg,color-mix(in srgb,var(--module-youreward-base) 42%,var(--primitive-white)),color-mix(in srgb,var(--module-youtravel-base) 14%,var(--primitive-white)))}.yhp .hp-news-art[data-topic=youpay]{background:linear-gradient(135deg,color-mix(in srgb,var(--module-youpay-base) 40%,var(--primitive-white)),color-mix(in srgb,var(--module-youtravel-base) 12%,var(--primitive-white)))}.yhp .hp-news-art[data-topic=platform]{background:linear-gradient(135deg,color-mix(in srgb,var(--module-youbank-base) 30%,var(--primitive-white)),color-mix(in srgb,#0da8bf 22%,var(--primitive-white)))}.yhp .hp-news-art[data-topic=youbank]{background:linear-gradient(135deg,color-mix(in srgb,var(--module-youbank-base) 38%,var(--primitive-white)),color-mix(in srgb,var(--module-youbank-dark) 14%,var(--primitive-white)))}.yhp .hp-news-art[data-topic=youaccept]{background:linear-gradient(135deg,color-mix(in srgb,var(--module-youaccept-base) 38%,var(--primitive-white)),color-mix(in srgb,var(--module-youaccept-dark) 14%,var(--primitive-white)))}.yhp .hp-news-art[data-topic=youshop]{background:linear-gradient(135deg,color-mix(in srgb,var(--module-youshop-base) 38%,var(--primitive-white)),color-mix(in srgb,var(--module-youshop-dark) 14%,var(--primitive-white)))}.yhp .hp-news-art[data-topic=youtravel]{background:linear-gradient(135deg,color-mix(in srgb,var(--module-youtravel-base) 38%,var(--primitive-white)),color-mix(in srgb,var(--module-youtravel-dark) 14%,var(--primitive-white)))}.yhp .hp-news-featured-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--space-32) calc(var(--space-32) + var(--space-4))}.yhp .hp-news-meta{display:flex;align-items:center;gap:var(--space-12);min-height:calc(var(--space-24) + 2px)}.yhp .hp-news-tag{display:inline-flex;align-items:center;gap:calc(var(--space-8) - 2px);height:calc(var(--space-24) + 2px);padding:0 calc(var(--space-12) - 2px);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--tag) 12%,var(--primitive-white));font-size:var(--space-12);line-height:calc(var(--space-16) + 2px);font-weight:600;color:var(--text-primary);white-space:nowrap}.yhp .hp-news-tag-dot{width:calc(var(--space-8) - 1px);height:calc(var(--space-8) - 1px);border-radius:var(--radius-pill);background:var(--tag);flex:none}.yhp .hp-news .hp-news-date{font-size:var(--space-12);line-height:calc(var(--space-16) + 2px);color:var(--text-body)}.yhp .hp-news-featured .hp-news-date{font-size:calc(var(--space-16) - 3px);line-height:var(--space-20)}.yhp .hp-news .hp-news-title{margin:calc(var(--space-16) - 2px) 0 0;color:var(--text-primary);font-weight:400;font-size:var(--font-size-stat);line-height:1.2;letter-spacing:-.01em;max-width:calc(var(--space-4) * 132)}.yhp .hp-news .hp-news-excerpt{margin:calc(var(--space-16) - 2px) 0 0;color:var(--text-body);font-size:var(--space-16);line-height:var(--space-24)}.yhp .hp-news .hp-news-read{display:inline-flex;align-items:center;gap:var(--space-8);margin-top:calc(var(--space-16) - 2px);color:var(--text-primary);font-size:calc(var(--space-16) - 1px);line-height:calc(var(--space-24) - 1px);font-weight:500}.yhp .hp-news-read svg{width:calc(var(--space-16) - 2px);height:calc(var(--space-16) - 2px)}.yhp .hp-news-compact{flex-direction:row;align-items:stretch;padding:var(--space-20);gap:var(--space-24)}.yhp .hp-news-compact .hp-news-art{flex:0 0 calc((100% - var(--space-24)) * .46875);border-radius:var(--radius-16)}.yhp .hp-news-compact-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.yhp .hp-news-compact .hp-news-meta{gap:calc(var(--space-12) - 2px)}.yhp .hp-news-compact .hp-news-title{margin-top:calc(var(--space-12) - 2px);font-weight:500;font-size:var(--space-20);line-height:1.5;letter-spacing:0}.yhp .hp-news-compact .hp-news-excerpt{margin-top:calc(var(--space-12) - 2px);font-size:calc(var(--space-16) - 2px);line-height:calc(var(--space-24) - 3px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yhp .hp-news-compact .hp-news-read{margin-top:calc(var(--space-12) - 2px);font-size:calc(var(--space-16) - 2px);line-height:calc(var(--space-24) - 3px)}.yhp .hp-news-card:focus-visible{outline-color:var(--text-inverse)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.yhp .hp-news-art .na-pill{transition:translate .25s var(--hp-news-ease)}.yhp .hp-news-card:hover .na-pill{translate:0 calc(-1.5 * var(--space-4))}}.yhp .hp-news-art .na-card{transform:rotate(8deg);transform-box:fill-box;transform-origin:center}.yhp .hp-news-art :is(.na-panel,.na-row,.na-pill){transform-box:fill-box}.yhp .hp-news-art .na-line{stroke-dasharray:100}.yhp .hp-news-art.hp-news-anim:not(.hp-entered) :is(.na-card,.na-row,.na-pill){opacity:0}.yhp .hp-news-art.hp-news-anim:not(.hp-entered) .na-line{stroke-dashoffset:100}.yhp .hp-news-art.hp-news-anim.hp-entered .na-card{animation:hp-news-card-in var(--motion-duration-slow) var(--hp-news-ease) backwards}.yhp .hp-news-art.hp-news-anim.hp-entered .na-row{animation:hp-news-row-in var(--motion-duration-medium) var(--hp-news-ease) calc(.3s + var(--i,0) * 90ms) backwards}.yhp .hp-news-art.hp-news-anim.hp-entered .na-pill{animation:hp-news-pill-in var(--motion-duration-medium) var(--hp-news-ease) .6s backwards}.yhp .hp-news-art.hp-news-anim.hp-entered .na-line{animation:hp-news-line-in .8s var(--hp-news-ease) calc(.3s + var(--i,0) * .15s) backwards}@keyframes hp-news-card-in{0%{opacity:0;transform:rotate(0) translateY(18px)}to{opacity:1;transform:rotate(8deg) translateY(0)}}@keyframes hp-news-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-news-pill-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes hp-news-line-in{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media (max-width:1023px){.yhp .hp-news-head{grid-template-columns:minmax(0,1fr);row-gap:var(--space-24);align-items:start}.yhp .hp-news-viewall{justify-self:start}.yhp .hp-news-stories{grid-template-columns:minmax(0,1fr)}.yhp .hp-news .hp-news-title{max-width:none}}@media (max-width:767px){.yhp .hp-kit.hp-news{padding:var(--space-80) 0}.yhp .hp-news-compact{flex-direction:column}.yhp .hp-news-compact .hp-news-art{flex:none;width:100%;aspect-ratio:3/2}}.yhp .hp-kit.hp-security{background:var(--surface-page);padding:var(--space-112) 0 calc(var(--space-48) * 2);color:var(--text-primary)}.yhp .hp-security-head{display:grid;grid-template-columns:calc(var(--space-4) * 155) calc(var(--space-4) * 110);justify-content:space-between;align-items:start}.yhp .hp-security .hp-security-head h2{color:var(--text-primary)}.yhp .hp-security .hp-security-side p{color:var(--text-body)}.yhp .hp-security-actions{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-top:calc(var(--space-24) + var(--space-4))}.yhp .hp-security-actions .kit-btn-text{display:inline-flex;align-items:center;gap:var(--space-8)}.yhp .hp-security-actions .kit-btn-text svg{width:calc(var(--space-16) - 2px);height:calc(var(--space-16) - 2px)}.yhp .hp-security-actions .kit-btn-text--solid{color:var(--action-on-primary)}.yhp .hp-security-actions .kit-btn-text--outline{color:var(--text-primary)}.yhp .hp-security-actions .hp-security-ext{transform:rotate(-45deg)}.yhp .hp-security-band{display:grid;grid-template-columns:calc(var(--space-4) * 130) minmax(0,1fr);margin-top:var(--space-64);padding:calc(var(--space-24) + var(--space-4)) 0 calc(var(--space-48) + var(--space-4));border-top:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent)}.yhp .hp-security .hp-security-eyebrow{color:var(--text-muted)}.yhp .hp-security-logos{list-style:none;margin:calc(var(--space-32) - var(--space-16)) 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center}.yhp .hp-security-logos--certs{gap:calc(var(--space-24) + var(--space-4))}.yhp .hp-security-logos--certs li{display:flex;align-items:center;height:var(--space-64);font-weight:600}.yhp .hp-security .partner-logos__list{margin-top:calc(var(--space-32) - var(--space-16));gap:var(--space-48);min-height:var(--space-64)}.yhp .hp-security .hp-security-line{margin:var(--space-8) 0 0;color:var(--text-body)}@media (min-width:1024px) and (max-width:1279px){.yhp .hp-security-head{grid-template-columns:minmax(0,31fr) minmax(0,22fr);-moz-column-gap:var(--space-48);column-gap:var(--space-48)}}@media (max-width:1023px){.yhp .hp-security-head{grid-template-columns:minmax(0,1fr);row-gap:var(--space-24)}.yhp .hp-security .hp-security-head h2,.yhp .hp-security .hp-security-side p{max-width:calc(var(--space-4) * 155)}.yhp .hp-security-band{grid-template-columns:minmax(0,1fr);row-gap:var(--space-40);margin-top:var(--space-64)}}@media (max-width:767px){.yhp .hp-kit.hp-security{padding:var(--space-80) 0 var(--space-64)}}.yhp .hp-statement{padding:var(--space-112) 0}.yhp .hp-statement-grid{display:grid;grid-template-columns:minmax(0,540fr) minmax(0,560fr);-moz-column-gap:calc(var(--space-4) * 25);column-gap:calc(var(--space-4) * 25);align-items:center}.yhp .hp-statement-copy{min-width:0}.yhp .hp-statement .hp-statement-intro{margin-top:var(--space-20)}.yhp .hp-statement-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24);align-items:start;margin-top:var(--space-40)}.yhp .hp-statement-row{min-width:0;border-top:2px solid var(--accent-base);padding-top:calc(var(--space-16) + var(--space-4) / 2)}.yhp .hp-statement-row>.web-h4{display:block;font-size:calc(var(--space-20) + var(--space-4) / 2);line-height:calc(var(--space-24) + var(--space-4));font-weight:400;letter-spacing:0;color:var(--text-primary)}.yhp .hp-statement-row>.web-body{margin-top:var(--space-8);color:var(--text-body)}.yhp .hp-statement-phrase{white-space:nowrap}.yhp .hp-statement .hp-statement-link{display:inline-flex;align-items:center;gap:var(--space-8);margin-top:var(--space-40);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:0}.yhp .hp-statement-link:focus-visible{outline:1px solid var(--focus-border);outline-offset:var(--space-4)}@media (min-width:1024px) and (max-width:1279px){.yhp .hp-statement-grid{-moz-column-gap:var(--space-48);column-gap:var(--space-48)}.yhp .hp-statement-rows{grid-template-columns:minmax(0,1fr)}}.hp-statement-svg{width:100%;aspect-ratio:560 / 458;overflow:visible}.yhp .hp-statement-svg svg{display:block;width:calc(100% * 576 / 560);height:auto;overflow:visible;max-width:none}.hp-statement-svg g{transform-box:fill-box;transform-origin:center}.hp-motion:not(.hp-entered) .hp-statement-svg :is([id^=s02-app-a-],#s02-connectors,#s02-chrome-frame,#s02-your-app){opacity:0}.hp-motion.hp-entered .hp-statement-svg [id^=s02-app-a-]{animation:hp-rise var(--motion-duration-slow) var(--motion-ease) backwards}.hp-motion.hp-entered #s02-app-a-a-rivalas-rewards{animation-delay:var(--motion-duration-stagger)}.hp-motion.hp-entered #s02-app-a-a-travel-card{animation-delay:calc(var(--motion-duration-stagger) * 2)}.hp-motion.hp-entered #s02-app-a-another-lender{animation-delay:calc(var(--motion-duration-stagger) * 3)}.hp-motion.hp-entered #s02-app-a-an-online-store{animation-delay:calc(var(--motion-duration-stagger) * 4)}.hp-motion.hp-entered #s02-connectors{animation:hp-opacity var(--motion-duration-slow) var(--motion-ease) calc(var(--motion-duration-stagger) * 5) backwards}.hp-motion.hp-entered :is(#s02-chrome-frame,#s02-your-app){animation:hp-rise var(--motion-duration-slow) var(--motion-ease) calc(var(--motion-duration-stagger) * 6) backwards}@media (max-width:1023px){.yhp .hp-statement{padding:var(--layout-section-padding) 0}.yhp .hp-statement-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-40)}.hp-statement-svg{height:auto;aspect-ratio:576 / 458}.yhp .hp-statement-svg svg{width:100%}}@media (max-width:767px){.yhp .hp-statement-rows{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.hp-statement-svg *{opacity:1!important;animation:none!important;transition:none!important}}.hp-hiw{--hp-hiw-ease:cubic-bezier(.22, 1, .36, 1)}.yhp .hp-hiw,.hp-hiw{background:var(--surface-navy);padding-block:calc(var(--space-4) * 23.25) calc(var(--space-4) * 21);font-family:var(--font-sans);font-feature-settings:normal}.hp-hiw__grid{display:grid;grid-template-columns:minmax(0,calc(var(--space-4) * 160)) minmax(0,calc(var(--space-4) * 120));-moz-column-gap:calc(var(--space-4) * 19);column-gap:calc(var(--space-4) * 19);align-items:start}.hp-hiw__left,.hp-hiw__copy{min-width:0}.hp-hiw__copy{padding-top:var(--space-32)}.yhp .hp-hiw h2.hp-hiw__heading{margin:0;font-family:var(--font-sans);font-weight:400;font-size:var(--font-size-h2);line-height:1.08;letter-spacing:0;color:var(--text-inverse);text-wrap:balance}.hp-hiw__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12);margin-top:calc(var(--space-4) * 7.5)}.hp-hiw__tab{display:block;padding:0;background:none;border:0;cursor:pointer;text-align:left}.hp-hiw__tab:focus-visible{outline:2px solid var(--text-inverse);outline-offset:var(--space-4)}.hp-hiw__track{display:block;height:calc(var(--space-4) / 2);background:color-mix(in srgb,var(--text-inverse) 12%,transparent)}.hp-hiw__fill{display:block;height:100%;background:var(--module-youreward-base);transform:scaleX(0);transform-origin:left;animation:hp-hiw-fill calc(var(--motion-duration-slow) * 10) linear forwards}.hp-hiw__fill--done{transform:scaleX(1);opacity:.5;animation:none}.hp-hiw__fill--full{transform:scaleX(1);animation:none}.hp-hiw--paused .hp-hiw__fill{animation-play-state:paused}@keyframes hp-hiw-fill{to{transform:scaleX(1)}}.hp-hiw__tabtext{display:flex;gap:var(--space-8);align-items:baseline;padding-top:var(--space-12)}.hp-hiw__num{font-size:13px;line-height:20px;font-weight:600;transition:color var(--motion-duration-medium) var(--hp-hiw-ease)}.hp-hiw__label{font-size:15px;line-height:23px;font-weight:500;transition:color var(--motion-duration-medium) var(--hp-hiw-ease)}.hp-hiw__tab--open .hp-hiw__num{color:var(--module-youreward-base)}.hp-hiw__tab--open .hp-hiw__label{color:var(--text-inverse)}.hp-hiw__tab--done .hp-hiw__num{color:color-mix(in srgb,var(--text-inverse) 55%,transparent)}.hp-hiw__tab--done .hp-hiw__label{color:color-mix(in srgb,var(--text-inverse) 70%,transparent)}.hp-hiw__tab--todo .hp-hiw__num{color:color-mix(in srgb,var(--text-inverse) 30%,transparent)}.hp-hiw__tab--todo .hp-hiw__label{color:color-mix(in srgb,var(--text-inverse) 45%,transparent)}.hp-hiw__steps{display:grid;margin-top:calc(var(--space-4) * 9)}.hp-hiw__panel{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;transform:translateY(var(--motion-rise));transition:opacity var(--motion-duration-slow) var(--hp-hiw-ease),transform var(--motion-duration-slow) var(--hp-hiw-ease),visibility var(--motion-duration-slow)}.hp-hiw__panel--open{opacity:1;visibility:visible;transform:none}.yhp .hp-hiw h3.hp-hiw__title{margin:0;font-family:var(--font-sans);font-weight:400;font-size:32px;line-height:38px;letter-spacing:0;color:var(--text-inverse);text-wrap:balance}.yhp .hp-hiw p.hp-hiw__text{margin:var(--space-16) 0 0;font-family:var(--font-sans);font-size:17px;line-height:26px;color:color-mix(in srgb,var(--text-inverse) 75%,transparent)}.yhp .hp-hiw ul.hp-hiw__pills{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-8);margin:var(--space-16) 0 0;padding:0}.hp-hiw__pill{display:inline-flex;align-items:center;height:calc(var(--space-4) * 9);padding-inline:var(--space-16);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-inverse) 8%,transparent);border:1px solid color-mix(in srgb,var(--text-inverse) 14%,transparent);font-size:13px;line-height:20px;font-weight:500;color:color-mix(in srgb,var(--text-inverse) 90%,transparent)}.yhp .hp-hiw p.hp-hiw__note{margin:var(--space-16) 0 0;font-family:var(--font-sans);font-size:15px;line-height:23px;color:color-mix(in srgb,var(--text-inverse) 60%,transparent)}.hp-hiw__action{margin-top:calc(var(--space-4) * 9)}.yhp .hp-hiw a.hp-hiw__button{padding:var(--space-12) var(--space-20);font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:21px;color:var(--surface-navy);letter-spacing:0}.hp-hiw__button-arrow{width:calc(var(--space-4) * 3.5);height:calc(var(--space-4) * 3.5)}.hp-hiw__graphic{position:relative;width:100%;max-width:calc(var(--space-4) * 160);margin-inline:auto;aspect-ratio:640 / 515}.hp-hiw__scene{position:absolute;top:0;left:50%;width:calc(var(--space-4) * 160);height:calc(var(--space-4) * 128.75);transform:translate(-50%) scale(var(--hp-hiw-scale, 1));transform-origin:top center;border-radius:var(--radius-16);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);background:linear-gradient(to bottom right,color-mix(in srgb,var(--module-youreward-base) 26%,transparent),color-mix(in srgb,var(--module-youpay-base) 18%,transparent) 50%,color-mix(in srgb,var(--module-youtravel-base) 10%,transparent)),var(--surface-page)}.hp-hiw__dim{transition:opacity var(--motion-duration-slow) var(--hp-hiw-ease)}.hp-hiw__scene[data-step="2"] .hp-hiw__dim{opacity:.3}.hp-hiw__systems{position:absolute;left:calc(var(--space-4) * 12);top:calc(var(--space-4) * 13);width:calc(var(--space-4) * 136)}.yhp .hp-hiw p.hp-hiw__syslabel{margin:0;font-family:var(--font-sans);font-size:10.5px;line-height:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--text-muted)}.hp-hiw__system{position:absolute;left:calc(var(--space-4) * 47 * var(--sys-i));top:calc(var(--space-4) * 6.5);display:flex;align-items:flex-start;gap:calc(var(--space-4) * 2.5);width:calc(var(--space-4) * 42);height:calc(var(--space-4) * 15);padding:calc(var(--space-4) * 3) calc(var(--space-4) * 3) 0;background:var(--surface-page);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:var(--radius-12);box-shadow:0 var(--space-4) calc(var(--space-4) * 3.5) color-mix(in srgb,var(--text-primary) 6%,transparent)}.hp-hiw__systile{display:flex;align-items:center;justify-content:center;flex:none;width:calc(var(--space-4) * 8);height:calc(var(--space-4) * 8);margin-top:calc(var(--space-4) * .5);border-radius:var(--radius-8);background:var(--surface-card);color:var(--text-primary)}.hp-hiw__systile svg{width:calc(var(--space-4) * 4);height:calc(var(--space-4) * 4);display:block}.hp-hiw__systext{display:grid;gap:calc(var(--space-4) * .5);min-width:0}.hp-hiw__scene .hp-hiw__sysname{font-size:13.5px;line-height:18px;font-weight:600;color:var(--text-primary);white-space:nowrap}.hp-hiw__scene .hp-hiw__sysstatus{display:flex;align-items:center;gap:calc(var(--space-4) * 1.5);font-size:11.5px;line-height:16px;color:var(--text-body);white-space:nowrap}.hp-hiw__dot{flex:none;width:calc(var(--space-4) * 1.5);height:calc(var(--space-4) * 1.5);border-radius:var(--radius-pill);background:var(--status-success)}.hp-hiw__lines{position:absolute;top:-1px;left:-1px;width:100%;height:100%;z-index:0}.hp-hiw__lines path{stroke:var(--text-primary);stroke-opacity:.35;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:4 4;fill:none;vector-effect:non-scaling-stroke}.hp-hiw__systems,.hp-hiw__chip,.hp-hiw__core{z-index:1}.hp-hiw__scene .hp-hiw__chip{position:absolute;left:calc(var(--space-4) * 63.5);top:calc(var(--space-4) * 46);display:flex;align-items:center;gap:calc(var(--space-4) * 1.5);width:calc(var(--space-4) * 33.25);height:calc(var(--space-4) * 7.25);padding-inline:calc(var(--space-4) * 3);border-radius:var(--radius-pill);background:var(--text-primary);color:var(--surface-page);font-size:12px;line-height:16px;font-weight:600;white-space:nowrap}.hp-hiw__chip svg{width:calc(var(--space-4) * 3);height:calc(var(--space-4) * 3);display:block;flex:none}.hp-hiw__core{position:absolute;left:calc(var(--space-4) * 32.5);top:calc(var(--space-4) * 62);width:calc(var(--space-4) * 95);height:calc(var(--space-4) * 53.5);border-radius:var(--radius-16);background:var(--surface-page);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);box-shadow:0 calc(var(--space-4) * 2) calc(var(--space-4) * 6) color-mix(in srgb,var(--text-primary) 8%,transparent)}.hp-hiw__core-main,.hp-hiw__core-brand{position:absolute;top:0;right:0;bottom:0;left:0;padding:calc(var(--space-4) * 4);text-align:center;transition:opacity var(--motion-duration-slow) var(--hp-hiw-ease),transform var(--motion-duration-slow) var(--hp-hiw-ease),visibility var(--motion-duration-slow)}.hp-hiw__core-brand{opacity:0;visibility:hidden;transform:translateY(var(--motion-rise))}.hp-hiw__scene[data-step="2"] .hp-hiw__core-main{opacity:0;visibility:hidden;transform:translateY(calc(var(--motion-rise) * -1))}.hp-hiw__scene[data-step="2"] .hp-hiw__core-brand{opacity:1;visibility:visible;transform:none}.hp-hiw__core-head{display:flex;align-items:center;justify-content:center;gap:calc(var(--space-4) * 2.5)}.hp-hiw__mark{display:flex;align-items:center;justify-content:center;flex:none;width:calc(var(--space-4) * 7);height:calc(var(--space-4) * 7);border-radius:var(--radius-8);background:var(--surface-navy);color:var(--text-inverse);font-size:14px;line-height:1;font-weight:600}.hp-hiw__core-names{display:grid;min-width:0;text-align:left}.hp-hiw__scene .hp-hiw__core-name{font-size:15px;line-height:20px;font-weight:600;color:var(--text-primary);white-space:nowrap}.hp-hiw__scene .hp-hiw__core-sub{font-size:11.5px;line-height:16px;color:var(--text-body);white-space:nowrap}.hp-hiw__core-divider{margin-top:calc(var(--space-4) * 2.5);height:1px;background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.hp-hiw__core-divider--brand{background:#e2dfd9}.yhp .hp-hiw p.hp-hiw__core-eyebrow{position:relative;margin:calc(var(--space-4) * 4) 0 0;font-family:var(--font-sans);font-size:10px;line-height:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.hp-hiw__core-brand .hp-hiw__core-eyebrow{color:var(--text-body)}.hp-hiw__swap{position:relative;display:block}.hp-hiw__swap-a,.hp-hiw__swap-b{display:block;transition:opacity var(--motion-duration-slow) var(--hp-hiw-ease)}.hp-hiw__swap-b{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.hp-hiw__scene[data-step="1"] .hp-hiw__swap-a{opacity:0}.hp-hiw__scene[data-step="1"] .hp-hiw__swap-b{opacity:1}.hp-hiw__modules{display:grid;grid-template-columns:repeat(3,calc(var(--space-4) * 27));gap:calc(var(--space-4) * 2) calc(var(--space-4) * 3);margin-top:calc(var(--space-4) * 1.5)}.hp-hiw__scene .hp-hiw__module{display:flex;align-items:center;justify-content:center;gap:calc(var(--space-4) * 1.5);height:calc(var(--space-4) * 7);border-radius:var(--radius-8);border:1px dashed color-mix(in srgb,var(--text-primary) 22%,transparent);font-size:11px;line-height:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;transition:opacity var(--motion-duration-slow) var(--hp-hiw-ease) calc(var(--i) * var(--motion-duration-stagger)),background-color var(--motion-duration-slow) var(--hp-hiw-ease) calc(var(--i) * var(--motion-duration-stagger)),border-color var(--motion-duration-slow) var(--hp-hiw-ease) calc(var(--i) * var(--motion-duration-stagger))}.hp-hiw__module-icon{display:flex;align-items:center;justify-content:center;flex:none;width:calc(var(--space-4) * 4);height:calc(var(--space-4) * 4);border-radius:var(--radius-pill);color:var(--text-inverse)}.hp-hiw__module-icon svg{width:calc(var(--space-4) * 2.25);height:calc(var(--space-4) * 2.25);display:block}.hp-hiw__scene[data-step="1"] .hp-hiw__module{opacity:.35}.hp-hiw__scene[data-step="1"] .hp-hiw__module--on{opacity:1;background:color-mix(in srgb,var(--m) 12%,transparent);border:1px solid color-mix(in srgb,var(--m) 60%,transparent)}.yhp .hp-hiw .hp-hiw__scene p.hp-hiw__core-status{display:flex;align-items:center;justify-content:center;gap:calc(var(--space-4) * 1.5);margin:calc(var(--space-4) * 4.25) 0 0;font-family:var(--font-sans);font-size:11.5px;line-height:16px;color:var(--text-body);white-space:nowrap}.yhp .hp-hiw .hp-hiw__scene .hp-hiw__core-brand p.hp-hiw__core-status{margin-top:calc(var(--space-4) * 1.5)}.hp-hiw__dot--live{background:#129e5c}.hp-hiw__features{display:grid;gap:calc(var(--space-4) * 2);margin-top:var(--space-4)}.hp-hiw__feature{display:flex;align-items:center;gap:calc(var(--space-4) * 2);height:calc(var(--space-4) * 10);padding-inline:calc(var(--space-4) * 2.5);border-radius:calc(var(--space-4) * 2.5);text-align:left}.hp-hiw__feature--rewards{background:color-mix(in srgb,var(--module-youreward-base) 8%,transparent)}.hp-hiw__feature--wallet{background:color-mix(in srgb,var(--module-youpay-base) 8%,transparent)}.hp-hiw__feature-dot{flex:none;width:calc(var(--space-4) * 2);height:calc(var(--space-4) * 2);border-radius:var(--radius-pill)}.hp-hiw__feature--rewards .hp-hiw__feature-dot{background:var(--module-youreward-base)}.hp-hiw__feature--wallet .hp-hiw__feature-dot{background:var(--module-youpay-base)}.hp-hiw__feature-text{display:grid;min-width:0}.hp-hiw__scene .hp-hiw__feature-name{font-size:12px;line-height:16px;font-weight:600;color:var(--text-primary);white-space:nowrap}.hp-hiw__scene .hp-hiw__feature-sub{font-size:10.5px;line-height:14px;color:var(--text-body);white-space:nowrap}.yhp .hp-hiw p.hp-hiw__caption{display:grid;margin:var(--space-20) 0 0;font-family:var(--font-sans);font-size:13px;line-height:20px;color:color-mix(in srgb,var(--text-inverse) 70%,transparent)}.hp-hiw__caption-line{grid-area:1 / 1;opacity:0;transition:opacity var(--motion-duration-slow) var(--hp-hiw-ease)}.hp-hiw__caption-line--open{opacity:1}.hp-hiw--anim:not(.hp-hiw--in) .hp-hiw__graphic{opacity:0;transform:translateY(var(--motion-rise))}.hp-hiw--in .hp-hiw__graphic{opacity:1;transform:none;transition:opacity var(--motion-duration-slow) var(--motion-ease),transform var(--motion-duration-slow) var(--motion-ease)}@media (max-width:1023px){.yhp .hp-hiw,.hp-hiw{padding-block:var(--layout-section-padding)}.hp-hiw__grid{display:flex;flex-direction:column;row-gap:var(--space-48)}.hp-hiw__copy{padding-top:0}}@media (max-width:767px){.hp-hiw__steps{position:relative}.hp-hiw__panel:not(.hp-hiw__panel--open){position:absolute;inset:0 0 auto}.hp-hiw__action{margin-top:var(--space-32)}}@media (prefers-reduced-motion:reduce){.hp-hiw *,.hp-hiw *:before,.hp-hiw *:after{transition:none!important;animation:none!important}}.yhp .yhp-banner{background:var(--surface-navy);font-family:var(--font-sans)}.yhp .yhp-banner__in{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-12);margin-inline:auto;width:100%;max-width:calc(var(--layout-content-width) + var(--layout-margin-min) * 2);padding-inline:var(--layout-margin-min);height:calc(var(--space-4) * 11)}.yhp .yhp-banner__pill{flex:none;display:inline-flex;align-items:center;height:calc(var(--space-4) * 5.5);padding-inline:calc(var(--space-4) * 2.5);border-radius:var(--radius-pill);background:var(--module-youreward-base);color:var(--text-inverse);font-size:calc(var(--space-4) * 3);line-height:1;font-weight:600}.yhp .yhp-banner__text{margin:0;font-size:calc(var(--space-4) * 3.5);line-height:calc(var(--space-4) * 5.5);color:color-mix(in srgb,var(--text-inverse) 85%,transparent);text-align:center}.yhp .yhp-banner__link{display:inline-flex;align-items:center;gap:calc(var(--space-4) * 1.5);flex:none;font-size:calc(var(--space-4) * 3.5);line-height:calc(var(--space-4) * 5.5);font-weight:600;color:var(--text-inverse);text-decoration:none}.yhp .yhp-banner__link:hover{text-decoration:underline}.yhp .yhp-banner__link:focus-visible{outline:1px solid var(--text-inverse);outline-offset:calc(var(--space-4) / 2)}.yhp .yhp-banner__arrow{width:calc(var(--space-4) * 3.5);height:calc(var(--space-4) * 3.5)}.yhp .yhp-banner__close{position:absolute;right:var(--layout-margin-min);top:50%;transform:translateY(-50%);display:grid;place-items:center;width:calc(var(--space-4) * 8);height:calc(var(--space-4) * 8);padding:0;background:none;border:0;cursor:pointer;color:color-mix(in srgb,var(--text-inverse) 55%,transparent)}.yhp .yhp-banner__close:hover{color:var(--text-inverse)}.yhp .yhp-banner__close:focus-visible{outline:1px solid var(--text-inverse);outline-offset:calc(var(--space-4) / 2)}.yhp .yhp-banner__close-icon{width:calc(var(--space-4) * 4);height:calc(var(--space-4) * 4)}@media (max-width: 1023px){.yhp .yhp-banner__in{padding-inline:var(--layout-margin)}.yhp .yhp-banner__close{right:var(--layout-margin)}}@media (max-width: 767px){.yhp .yhp-banner__text{display:none}}.yhp .yhp-below{width:100%;min-width:0;background:var(--surface-warm)}.yhp .yhp-below :is(.wrap,.cta-in,.kit-container){width:100%;max-width:calc(var(--layout-content-width) + var(--layout-margin-min) * 2);margin-inline:auto;padding-inline:var(--layout-margin-min)}.yhp .yhp-below .trust-sec{width:100%;margin-inline:0}.yhp .yhp-below :is(.serve,.agents,.ly,.uc,.oi,.oi-connects,.trust-sec,.news,.faq,.cta):before{left:0;right:0;width:auto;transform:none}.yhp .yhp-below :is(.agents,.oi,.news):after{left:0;right:0;width:auto;transform:none}.yhp .yhp-below .lucg{max-width:var(--layout-content-width);margin-inline:auto}.yhp .yhp-below .ly7-head{grid-template-columns:minmax(0,31fr) minmax(0,22fr);-moz-column-gap:calc(var(--space-120) + var(--space-20));column-gap:calc(var(--space-120) + var(--space-20))}@media (max-width:1023px){.yhp .yhp-below :is(.wrap,.cta-in,.kit-container){padding-inline:var(--layout-margin)}.yhp .yhp-below .ly7-head{grid-template-columns:minmax(0,1fr)}}.yhp :is(.kit-faq,.kit-cta,.kit-footer){font-family:var(--font-sans);font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.yhp :is(.kit-faq,.kit-cta) h2{font-family:var(--font-display);line-height:1.08;letter-spacing:-.015em}.yhp .kit-cta h3{font-family:var(--font-sans);line-height:1.2;letter-spacing:-.005em}.yhp :is(.kit-faq,.kit-cta,.kit-footer) a{text-decoration:none}.yhp .kit-cta__email a{text-decoration:underline}.yhp .kit-footer__note a{color:inherit;text-decoration:underline}.yhp .kit-btn-arrow{color:var(--text-primary)}.yhp .kit-btn-text--solid{color:var(--action-on-primary)}.yhp :is(.kit-btn-text--outline,.kit-btn-text--light){color:var(--text-primary)}.yhp .kit-link--on-light{color:var(--text-primary)}.yhp :is(.kit-footer__link,.kit-footer__legal-link){color:var(--on-navy-body)}.yhp :is(.kit-footer__logo,.kit-footer__admin){color:var(--text-inverse)}.yhp .kit-footer__social a{color:var(--text-inverse)}.yhp .kit-footer__columns nav{position:static;z-index:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}.yhp[data-build-revision=homepage-restructure-v1] .page:before,.yhp[data-build-revision=homepage-restructure-v1] .page:after{background-color:transparent}.yhp[data-build-revision=homepage-restructure-v1] .yhp-below :is(.agents,.oi,.news):after{background-image:none}.yhp[data-build-revision=homepage-restructure-v1] .yhp-below :is(.serve,.agents,.ly,.uc,.oi,.oi-connects,.trust-sec,.news,.faq,.cta):before{background-color:transparent}
