.segment-page{margin-top:calc(var(--segment-nav-height, var(--space-64)) * -1)}.segment-page :is(h1,h2,h3,h4){color:var(--text-primary)}.segment-page [id]{scroll-margin-top:var(--segment-nav-height, var(--space-80))}.segment-page[data-accent=youreward]{--segment-gradient: var(--gradient-modules-youreward-panel)}.segment-page[data-accent=youbank]{--segment-gradient: var(--gradient-modules-youbank-panel)}.segment-page[data-accent=youshop]{--segment-gradient: var(--gradient-modules-youshop-panel)}.segment-page[data-accent=youtravel]{--segment-gradient: var(--gradient-modules-youtravel-panel)}.segment-page[data-accent=youpay]{--segment-gradient: var(--gradient-modules-youpay-panel)}.segment-hero{background:var(--surface-navy);min-height:calc(var(--space-112) * 7 + var(--space-32))}.segment-hero__grid{display:grid;grid-template-columns:45% 50%;justify-content:space-between;align-items:start;padding-top:calc(var(--space-112) + var(--space-20));padding-bottom:var(--space-80)}.segment-hero__copy{padding-top:calc(var(--space-64) + var(--space-12));min-width:0}.segment-hero__eyebrow{color:var(--on-navy-label);margin:0 0 var(--space-40)}.segment-page .segment-hero h1{color:var(--on-navy-heading);margin:0}.segment-hero__subline{color:var(--on-navy-label);max-width:calc(var(--space-120) * 4 + var(--space-20));margin:var(--space-24) 0}.segment-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-12)}.segment-hero .kit-btn-text{border-radius:var(--radius-pill);padding:var(--space-16) var(--space-24);color:var(--surface-navy)}.segment-hero .segment-hero__ghost{color:var(--text-inverse);background:transparent;border:1px solid var(--border-chrome-dark)}.segment-proofs{display:flex;gap:var(--space-16);flex-wrap:wrap;margin-top:var(--space-24);color:var(--on-navy-label)}.segment-proofs span{display:inline-flex;align-items:center;gap:var(--space-8)}.segment-proofs svg{width:var(--space-16);height:var(--space-16);flex:none}.segment-stage{margin:0;min-width:0}.segment-stage__panel{border-radius:var(--radius-24);background:var(--segment-gradient);aspect-ratio:8 / 7;position:relative;overflow:hidden}.segment-stage--hero .segment-stage__panel{aspect-ratio:1}.segment-stage--case .segment-stage__panel{aspect-ratio:16 / 13}.segment-stage__art{position:absolute;top:0;right:0;bottom:0;left:0}.segment-stage__art svg{width:100%;height:100%}.segment-stage__img{display:block;max-width:100%;height:auto}.segment-stage figcaption{position:absolute;top:var(--space-24);left:var(--space-24);right:var(--space-24);color:var(--text-muted)}.segment-stage{position:relative}.segment-problems{background:var(--surface-warm);padding-block:var(--layout-section-padding);min-height:calc(var(--space-120) * 4 + var(--space-40))}.segment-heading{margin:0}.segment-text-tail{white-space:nowrap}.segment-problems__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24);margin-top:var(--space-48)}.segment-problem{border-top:1px solid var(--border-hairline);padding-top:var(--space-24);min-width:0;display:flex;flex-direction:column;align-items:start}.segment-problem__number{color:var(--text-muted);margin:0 0 var(--space-24)}.segment-problem h3{margin:0 0 var(--space-24);min-height:var(--space-48)}.segment-problem p:not(.segment-problem__number){margin:0 0 var(--space-24)}.segment-problem .kit-link{margin-top:auto}.segment-row{background:var(--surface-page);padding-block:var(--layout-section-padding);min-height:calc(var(--space-112) * 7)}.segment-row__grid{display:grid;grid-template-columns:40% 53.333333%;justify-content:space-between;align-items:center}.segment-row--left .segment-row__grid{grid-template-columns:53.333333% 40%}.segment-row--left .segment-stage{grid-column:1;grid-row:1}.segment-row--left .segment-row__copy{grid-column:2;grid-row:1}.segment-row__copy{min-width:0}.segment-row__intro{margin:var(--space-24) 0}.segment-row__eyebrow{margin:0 0 var(--space-24);color:var(--text-muted)}.segment-modules__label{margin:0 0 var(--space-12);color:var(--text-muted)}.segment-modules__chips{display:flex;flex-wrap:wrap;gap:var(--space-8)}.segment-module{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);border:1px solid var(--border-hairline);background:var(--surface-page);color:var(--text-primary);min-height:var(--space-32)}.segment-module__icon{width:var(--space-16);height:var(--space-16);color:var(--accent-base);flex:none}.segment-module__icon svg{width:100%;height:100%}.segment-points{list-style:none;padding:0;margin:var(--space-24) 0}.segment-points li{display:flex;gap:var(--space-12);align-items:center;min-height:var(--space-48);padding-block:var(--space-8);color:var(--text-primary)}.segment-points svg{width:var(--space-16);height:var(--space-16);flex:none;color:var(--accent-base)}.segment-cases{padding-block:var(--layout-section-padding);background:var(--surface-navy);min-height:calc(var(--space-112) * 8)}.segment-page .segment-cases h2{color:var(--text-inverse);text-align:center}.segment-cases__bar{display:flex;justify-content:center;margin:var(--space-32) 0 var(--space-40)}.segment-cases__bar .kit-tabs__list:not([data-stacked]){align-items:stretch}.segment-cases__bar .kit-tabs__list:not([data-stacked]) .kit-tabs__tab{max-width:25%}.segment-cases .kit-tabs__list{background:var(--surface-chrome-dark)}.segment-cases .kit-tabs__tab{color:var(--on-navy-label);white-space:normal}.segment-cases .kit-tabs__tab[aria-selected=true]{color:var(--surface-navy)}.segment-cases .kit-tabs__tab:focus-visible{outline-color:var(--text-inverse)}.segment-cases__panels{display:grid}.segment-case{grid-area:1 / 1;display:grid;grid-template-columns:53.333333% 40%;justify-content:space-between;align-items:center}.segment-case[hidden]{display:grid;visibility:hidden;pointer-events:none}.segment-case .segment-case__heading{color:var(--text-inverse);margin:var(--space-16) 0 var(--space-24)}.segment-case__eyebrow{color:var(--on-navy-label);margin:0}.segment-case__intro{color:var(--on-navy-body);margin:0 0 var(--space-24)}.segment-case__facts{margin:0 0 var(--space-24)}.segment-case__facts>div{display:grid;grid-template-columns:35.416667% 1fr;gap:var(--space-12);align-items:center;min-height:calc(var(--space-48) + var(--space-4));padding-block:var(--space-8)}.segment-case__facts dt{color:var(--on-navy-label)}.segment-case__facts dd{color:var(--text-inverse);margin:0;font-weight:500}.segment-case .segment-modules__label{color:var(--on-navy-label)}.segment-cases__caption{margin:var(--space-16) 0 0;color:var(--surface-chrome)}.segment-types{padding-block:var(--layout-section-padding);min-height:calc(var(--space-112) * 5)}.segment-types__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-24);margin-top:var(--space-48)}.segment-type{border-radius:var(--radius-12);padding:var(--space-24);background:var(--surface-warm);min-height:calc(var(--space-120) * 2 + var(--space-8))}.segment-type__icon{display:grid;place-items:center;width:var(--space-40);height:var(--space-40);background:var(--accent-base);color:var(--text-inverse);border-radius:var(--radius-8)}.segment-type__icon svg{width:var(--space-24);height:var(--space-24)}.segment-type h3{margin:var(--space-24) 0 var(--space-12);font-weight:600}.segment-type p{margin:0}.segment-integration{background:var(--surface-navy);padding-block:var(--layout-section-padding);min-height:calc(var(--space-112) * 7 - var(--space-16))}.segment-integration__head{display:grid;grid-template-columns:53.333333% 36.666667%;justify-content:space-between;align-items:start}.segment-page .segment-integration h2{color:var(--text-inverse);max-width:calc(var(--space-120) * 4)}.segment-integration__head p{margin:0;color:var(--primitive-stone)}.segment-integration__scene{display:grid;grid-template-columns:25% 1fr 19.416667% 1fr 25%;align-items:center;margin-top:var(--space-64);color:var(--text-inverse)}.segment-system{background:var(--surface-chrome-dark);border-radius:var(--radius-16);padding:var(--space-16);min-height:calc(var(--space-120) * 2)}.segment-system__label{color:var(--on-navy-label);margin:0 0 var(--space-16)}.segment-system__rows{display:grid;gap:var(--space-8)}.segment-system__row{background:var(--surface-chrome-dark);border-radius:var(--radius-8);min-height:var(--space-40);display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);color:var(--on-navy-heading)}.segment-system__row--new{border:1px solid var(--accent-base);flex-wrap:wrap}.segment-system__row--new small{color:var(--on-navy-label)}.segment-system__dot{width:var(--space-8);height:var(--space-8);background:var(--accent-base);border-radius:var(--radius-pill);flex:none}.segment-system__badge{background:var(--accent-base);color:var(--text-inverse);border-radius:var(--radius-pill);padding-inline:var(--space-8);margin-left:auto}.segment-core{min-height:calc(var(--space-112) * 2);border:1px solid var(--accent-base);border-radius:var(--radius-16);background:var(--surface-chrome-dark-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.segment-core__mark{width:var(--space-40);height:var(--space-40);display:grid;place-items:center;border-radius:var(--radius-8);background:var(--surface-page);color:var(--surface-navy);margin-bottom:var(--space-16)}.segment-core__name{margin:0 0 var(--space-8)}.segment-core__text{color:var(--on-navy-label);margin:0}.segment-connector{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding-inline:var(--space-4)}.segment-connector:before{content:"";position:absolute;inset-inline:0;top:var(--space-16);border-top:1px solid var(--border-chrome-dark)}.segment-connector__chip{z-index:1;border-radius:var(--radius-pill);background:var(--surface-navy);border:1px solid var(--border-chrome-dark);padding:var(--space-8);max-width:100%}.segment-connector p{color:var(--on-navy-label);margin:var(--space-8) 0 0}.segment-integration__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-24);margin-top:var(--space-80)}.segment-page .segment-integration__facts h3{color:var(--text-inverse);margin:0 0 var(--space-12)}.segment-integration__facts p{color:var(--primitive-stone);margin:0}@media (prefers-reduced-motion:no-preference){.segment-entrances.segment-anim .segment-enter:not(.segment-in){opacity:0;transform:translateY(var(--motion-rise))}.segment-entrances.segment-anim .segment-enter.segment-in{animation:kit-rise-in var(--motion-duration-slow) var(--motion-ease) both}.segment-case:not([hidden]) .segment-case__copy{animation:kit-fade-in var(--motion-duration-medium) var(--motion-ease) both}}@media (max-width:1023px){.segment-hero__grid{grid-template-columns:1fr;padding-top:calc(var(--space-80) + var(--space-48));gap:var(--space-48)}.segment-hero__copy{padding-top:0}.segment-hero__subline{max-width:none}.segment-hero{min-height:0}.segment-hero .segment-stage{width:100%;max-width:calc(var(--space-120) * 5);justify-self:center}.segment-problems__grid,.segment-row__grid,.segment-row--left .segment-row__grid,.segment-case{grid-template-columns:1fr;gap:var(--space-40)}.segment-row .segment-stage,.segment-row--left .segment-stage{grid-column:1;grid-row:1}.segment-row .segment-row__copy,.segment-row--left .segment-row__copy{grid-column:1;grid-row:2}.segment-row,.segment-cases,.segment-types,.segment-integration,.segment-problems,.segment-type{min-height:0}.segment-types__grid,.segment-integration__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-integration__head,.segment-integration__scene{grid-template-columns:1fr;gap:var(--space-24)}.segment-connector{min-height:var(--space-80)}.segment-connector:before{top:0;bottom:0;left:50%;right:auto;width:0;border-left:1px solid var(--border-chrome-dark);border-top:0}.segment-connector p{background:var(--surface-navy);z-index:1}.segment-system,.segment-core{width:100%;max-width:calc(var(--space-120) * 3);justify-self:center}}@media (max-width:767px){.segment-types__grid,.segment-integration__facts{grid-template-columns:1fr}.segment-hero__eyebrow{margin-bottom:var(--space-32)}.segment-hero__actions{flex-direction:column;align-items:start}.segment-stage figcaption{position:static;margin:var(--space-12) 0 0}.segment-hero .segment-stage figcaption,.segment-cases .segment-stage figcaption{color:var(--on-navy-label)}.segment-case__facts>div{grid-template-columns:1fr;gap:var(--space-8);padding-block:var(--space-12)}.segment-case__facts dt{font-weight:500}}