body { margin:0;background:#fff }
a { color:var(--kx-green) }
a:hover { color:#38A887 }
@media (max-width:767px) {
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:48px 20px !important }
}
@media (max-width:767px) {
  div:is([style*="grid-template-columns"], .pr-f, .pr-10, .pr-1a, .pr-1c, .pr-1p, .pr-21, .pr-2z, .ft-3) { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
  div[style*="repeat(5"] { grid-template-columns:repeat(2,1fr) !important }
}
@media (max-width:767px) {
  .pk-row { grid-template-columns:2fr 1fr 1fr 1.2fr !important }
}
@media (max-width:767px) {
  .feat-row { flex-direction:column !important }
}
@media (max-width:767px) {
  div[style*="display:flex;gap:24px;align-items:flex-start"] { flex-direction:column !important }
}
@media (max-width:767px) {
  div[style*="display:flex;gap:48px"] { flex-wrap:wrap !important;gap:24px !important }
}
@media (max-width:767px) {
  footer div[style*="justify-content:space-between"] { flex-wrap:wrap !important }
}
@media (max-width:767px) {
  h1 { font-size:34px !important }
}
@media (max-width:767px) {
  h2 { font-size:28px !important }
}
@media (max-width:767px) {
  .px-wp { padding:28px 22px !important;gap:24px !important }
}
@media (max-width:767px) {
  .px-hero2 { grid-template-columns:minmax(0,1fr) !important;padding:64px 20px 72px !important;gap:40px !important }
}
@media (max-width:767px) {
  .px-hero2-visual { max-width:280px !important }
}
@media (max-width:767px) {
  .px-hero2-anchors { gap:10px !important }
}
@media (max-width:767px) {
  .px-hero2-anchors a { padding:9px 16px !important;font-size:14px !important }
}
@media (max-width:767px) {
  .px-med2,
  .px-med3,
  .ux-presse-split { grid-template-columns:minmax(0,1fr) !important;gap:20px !important }
}
@media (max-width:767px) {
  .px-med3 p { font-size:22px !important }
}
@media (max-width:767px) {
  .ux-presse-split { gap:0 !important }
}
@media (max-width:767px) {
  .ux-presse-split > div { padding:36px 24px !important }
}
@media (max-width:767px) {
  .ux-presse-split > div:first-child { border-radius:16px 16px 0 0 !important }
}
@media (max-width:767px) {
  .ux-presse-split > div:last-child { border-radius:0 0 16px 16px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .px-med2 { grid-template-columns:repeat(2,minmax(0,1fr)) !important }
}
@media (max-width:767px) {
  .px-dl2 { grid-template-columns:minmax(0,1fr) !important;gap:20px !important }
}
@media (max-width:767px) {
  .px-dl2-card { padding:36px 24px !important }
}
@media (max-width:767px) {
  .px-pm-head { grid-template-columns:minmax(0,1fr) !important;justify-items:center;gap:20px !important }
}
@media (max-width:767px) {
  .px-pm-head > div:last-child { display:none }
}
@media (max-width:767px) {
  .px-pm-head h2 { white-space:normal !important;text-align:center }
}
@media (max-width:767px) {
  .px-years { gap:8px !important }
}
@media (max-width:767px) {
  .px-years button { padding:10px 16px !important;font-size:15px !important }
}
@media (max-width:767px) {
  .px-row:not(.px-row-head) { padding:18px !important }
}
@media (max-width:767px) {
  .px-hero-a { height:auto !important;min-height:380px }
}
@media (max-width:767px) {
  .px-hero-a-text { padding:120px 24px 48px !important }
}
@media (max-width:767px) {
  .px-hero-a img { object-position:78% center !important }
}
@media (max-width:767px) {
  .px-hero-a::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,42,67,0.15),rgba(29,42,67,0.75));z-index:0 }
}
@media (max-width:767px) {
  .px-anchors { gap:8px !important;padding:24px 16px !important }
}
@media (max-width:767px) {
  .px-anchors a { padding:9px 14px !important;font-size:13px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .px-hero-a-text { padding-left:30% !important }
}
@media (max-width:767px) {
  .px-row { grid-template-columns:minmax(0,1fr) 44px !important;gap:6px 16px !important }
}
@media (max-width:767px) {
  .px-row > div:first-child { grid-column:1 / -1 }
}
@media (max-width:767px) {
  .px-row-head { display:none !important }
}
@media (max-width:767px) {
  .px-dl > div { flex-wrap:wrap !important;padding:24px !important }
}
@media (max-width:767px) {
  .px-medien article { flex-basis:290px !important }
}
@media (max-width:767px) {
  .px-wp > div:last-child { min-height:260px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:64px 28px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  div[style*="repeat(3"] { grid-template-columns:repeat(2,1fr) !important }
}
@media (min-width:768px) and (max-width:1099px) {
  div[style*="repeat(4"] { grid-template-columns:repeat(2,1fr) !important }
}
@media (min-width:768px) and (max-width:1099px) {
  div[style*="repeat(5"] { grid-template-columns:repeat(3,1fr) !important }
}
@media (min-width:768px) and (max-width:1099px) {
  div[style*="repeat(6"] { grid-template-columns:repeat(3,1fr) !important }
}
@media (min-width:768px) and (max-width:1099px) {
  h1 { font-size:42px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  h2 { font-size:34px !important }
}
@media (max-width:767px) {
  .px-wp { padding:28px 22px !important;gap:24px !important }
  .px-hero2 { grid-template-columns:minmax(0,1fr) !important;padding:64px 20px 72px !important;gap:40px !important }
  .px-hero2-visual { max-width:280px !important }
  .px-hero2-anchors { gap:10px !important }
  .px-hero2-anchors a { padding:9px 16px !important;font-size:14px !important }
  .px-med2,
  .px-med3,
  .ux-presse-split { grid-template-columns:minmax(0,1fr) !important;gap:20px !important }
  .px-med3 p { font-size:22px !important }
  .ux-presse-split { gap:0 !important }
  .ux-presse-split > div { padding:36px 24px !important }
  .ux-presse-split > div:first-child { border-radius:16px 16px 0 0 !important }
  .ux-presse-split > div:last-child { border-radius:0 0 16px 16px !important }
  .px-dl2 { grid-template-columns:minmax(0,1fr) !important;gap:20px !important }
  .px-dl2-card { padding:36px 24px !important }
  .px-pm-head { grid-template-columns:minmax(0,1fr) !important;justify-items:center;gap:20px !important }
  .px-pm-head > div:last-child { display:none }
  .px-pm-head h2 { white-space:normal !important;text-align:center }
  .px-years { gap:8px !important }
  .px-years button { padding:10px 16px !important;font-size:15px !important }
  .px-row:not(.px-row-head) { padding:18px !important }
  .px-hero-a { height:auto !important;min-height:380px }
  .px-hero-a-text { padding:120px 24px 48px !important }
  .px-hero-a img { object-position:78% center !important }
  .px-hero-a::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,42,67,0.15),rgba(29,42,67,0.75));z-index:0 }
  .px-anchors { gap:8px !important;padding:24px 16px !important }
  .px-anchors a { padding:9px 14px !important;font-size:13px !important }
  .px-row { grid-template-columns:minmax(0,1fr) 44px !important;gap:6px 16px !important }
  .px-row > div:first-child { grid-column:1 / -1 }
  .px-row-head { display:none !important }
  .px-dl > div { flex-wrap:wrap !important;padding:24px !important }
  .px-medien article { flex-basis:290px !important }
  .px-wp > div:last-child { min-height:260px !important }
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:48px 20px !important }
  div:is([style*="grid-template-columns"], .pr-f, .pr-10, .pr-1a, .pr-1c, .pr-1p, .pr-21, .pr-2z, .ft-3) { grid-template-columns:1fr !important }
  div[style*="repeat(5"] { grid-template-columns:repeat(2,1fr) !important }
  .pk-row { grid-template-columns:2fr 1fr 1fr 1.2fr !important }
  .feat-row { flex-direction:column !important }
  div[style*="display:flex;gap:24px;align-items:flex-start"] { flex-direction:column !important }
  div[style*="display:flex;gap:48px"] { flex-wrap:wrap !important;gap:24px !important }
  footer div[style*="justify-content:space-between"] { flex-wrap:wrap !important }
  h1 { font-size:34px !important }
  h2 { font-size:28px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section>div:not(.kx-devbadge):not(.kx-pill):not(.jb-hero-a) { padding:64px 28px !important }
  div[style*="repeat(3"] { grid-template-columns:repeat(2,1fr) !important }
  div[style*="repeat(4"] { grid-template-columns:repeat(2,1fr) !important }
  div[style*="repeat(5"] { grid-template-columns:repeat(3,1fr) !important }
  div[style*="repeat(6"] { grid-template-columns:repeat(3,1fr) !important }
  h1 { font-size:42px !important }
  h2 { font-size:34px !important }
  
}
@media (max-width:767px) {
  .kx-devbadge { max-width:calc(100% - 32px) !important;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important }
}
@media (max-width:767px) {
  .ux-presse-cards { grid-template-columns:1fr !important }
}
@media (max-width:767px) {
  .ux-presse-cards { grid-template-columns:1fr !important }
  
}
@keyframes pxMedBand {from{transform:translateX(0)}to{transform:translateX(-50%)}}
.px-med-band { animation:pxMedBand 110s linear infinite }
.px-med-band-wrap:hover .px-med-band { animation-play-state:paused }
@media (max-width:767px) {
  .px-med-band { animation:none !important }
}
@media (max-width:767px) {
  .px-med-band-wrap { overflow-x:auto !important;scrollbar-width:none;-webkit-overflow-scrolling:touch }
}
@media (max-width:767px) {
  .px-med-ctrl { display:flex !important }
}
.px-med-band-wrap::-webkit-scrollbar { display:none }
@media (max-width:767px) {
  .px-med-band { animation:none !important }
  .px-med-band-wrap { overflow-x:auto !important;scrollbar-width:none;-webkit-overflow-scrolling:touch }
  .px-med-ctrl { display:flex !important }
  
}
@media (prefers-reduced-motion:reduce) {
  .px-med-band { animation:none }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-h1 { font-size:44px !important }
}
@media (max-width:767px) {
  .kx-hdr-h1 { font-size:34px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-h1 { font-size:44px !important }
  
}
@media (max-width:767px) {
  .kx-hdr-h1 { font-size:34px !important }
  
}
@media (min-width:1100px) {
  .kx-hdr-std { min-height:560px;display:flex !important;flex-direction:column;justify-content:center;box-sizing:border-box }
  
}
@media (min-width:1100px) {
  .kx-hdr-std { height:560px }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std { min-height:480px;display:flex !important;flex-direction:column;justify-content:center;box-sizing:border-box }
  
}
@media (min-width:768px) and (max-width:1099px) {
  .kx-hdr-std { min-height:480px;display:flex !important;flex-direction:column;justify-content:center;box-sizing:border-box }
}
@media (max-width:767px) {
  .kx-hdr-std { min-height:0 !important }
}
@media (max-width:767px) {
  .kx-hdr-std { min-height:0 !important }
  
}
.kx-hdr-std > :not([style*="position:absolute"]):not(.kx-devbadge):not(.kx-pill) { width:100%;box-sizing:border-box }
@media (min-width:1600px) {
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .pr-3, .pr-8, .pr-f, .pr-z, .pr-1k, .pr-1w, .pr-2h, .nv-3, .nv-a, .ft-2),
  [style*="max-width:1280px"],
  :is([style*="max-width: 1280px"], .pr-3, .pr-8, .pr-f, .pr-z, .pr-1k, .pr-1w, .pr-2h, .nv-3, .nv-a, .ft-2) { max-width:1440px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section :is([style*="max-width:1280px"], :is([style*="max-width: 1280px"], .pr-3, .pr-8, .pr-f, .pr-z, .pr-1k, .pr-1w, .pr-2h, .nv-3, .nv-a, .ft-2), #kx-none) { padding-left:24px !important;padding-right:24px !important }
  
}
@media (min-width:768px) and (max-width:1099px) {
  section :is([style*="max-width:1280px"], :is([style*="max-width: 1280px"], .pr-3, .pr-8, .pr-f, .pr-z, .pr-1k, .pr-1w, .pr-2h, .nv-3, .nv-a, .ft-2), #kx-none) { padding-left:24px !important;padding-right:24px !important }
}
.hilfe-sw-scroll { display:flex;flex-wrap:wrap;gap:8px }
@media (max-width:767px) {
  .hilfe-sw-scroll { flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-sw-scroll { flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px }
}
@media (max-width:767px) {
  .hilfe-sw-scroll::-webkit-scrollbar { display:none }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-sw-scroll::-webkit-scrollbar { display:none }
}
@media (max-width:767px) {
  .hilfe-sw-seg { flex-wrap:nowrap !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-sw-seg { flex-wrap:nowrap !important }
}
@media (max-width:767px) {
  .hilfe-sw-seg a,
  .hilfe-sw-seg span { font-size:14px !important;padding:9px 15px !important }
}
@media (min-width:768px) and (max-width:1099px) {
  .hilfe-sw-seg a,
  .hilfe-sw-seg span { font-size:14px !important;padding:9px 15px !important }
}
@media (max-width:1099px) {
  .hilfe-sw-scroll { flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px }
  .hilfe-sw-scroll::-webkit-scrollbar { display:none }
  .hilfe-sw-seg { flex-wrap:nowrap !important }
  .hilfe-sw-seg a,
  .hilfe-sw-seg span { font-size:14px !important;padding:9px 15px !important }
  
}
@media (max-width:767px) {
  .hilfe-sw-scroll { overflow:visible !important;flex-wrap:wrap !important }
}
@media (max-width:767px) {
  .hilfe-sw-seg { display:grid !important;grid-template-columns:1fr 1fr !important;border-radius:20px !important;width:100% !important;box-sizing:border-box !important }
}
@media (max-width:767px) {
  .hilfe-sw-seg a,
  .hilfe-sw-seg span { white-space:normal !important;text-align:center !important;padding:10px 8px !important;font-size:14px !important;line-height:1.25 !important;border-radius:14px !important }
}
@media (max-width:767px) {
  .hilfe-sw-scroll { overflow:visible !important;flex-wrap:wrap !important }
  .hilfe-sw-seg { display:grid !important;grid-template-columns:1fr 1fr !important;border-radius:20px !important;width:100% !important;box-sizing:border-box !important }
  .hilfe-sw-seg a,
  .hilfe-sw-seg span { white-space:normal !important;text-align:center !important;padding:10px 8px !important;font-size:14px !important;line-height:1.25 !important;border-radius:14px !important }
  
}
@media (max-width:767px) {
  .px-hero2-text { align-items:center !important;text-align:center !important }
}
@media (max-width:767px) {
  .px-hero2-text p { margin-left:auto !important;margin-right:auto !important }
}
@media (max-width:767px) {
  .px-hero2-anchors { justify-content:center !important }
}
@media (max-width:767px) {
  .px-hero2-visual { order:-1;max-width:240px !important }
}
@media (max-width:767px) {
  .px-hero2 { padding-top:40px !important;gap:28px !important }
}
@media (max-width:767px) {
  .px-hero2-circle { top:20px !important;right:auto !important;left:50% !important;transform:translateX(-50%);width:250px !important;height:250px !important }
}
@media (max-width:767px) {
  .px-hero2-anchors a { background:rgba(65,189,153,0.18) !important;border-color:rgba(65,189,153,0.45) !important }
}
@media (max-width:767px) {
  .
  @media (max-width:767px) { .px-hero2-text{align-items:center !important;text-align:center !important}.px-hero2-text p{margin-left:auto !important;margin-right:auto !important}.px-hero2-anchors{justify-content:center !important}.px-hero2-visual{order:-1;max-width:240px !important}.px-hero2{padding-top:40px !important;gap:28px !important}.px-hero2-circle{top:20px !important;right:auto !important;left:50% !important;transform:translateX(-50%);width:250px !important;height:250px !important}.px-hero2-anchors a{background:rgba(65,189,153,0.18) !important;border-color:rgba(65,189,153,0.45) !important} }
}
@media (max-width:767px) {
  .px-pm-head { display:flex !important;justify-content:center !important }
}
@media (max-width:767px) {
  .px-pm-head>div { display:none !important }
}
@media (max-width:767px) {
  .px-pm-wrap { gap:20px !important }
}
@media (max-width:767px) {
  .px-pm-head { display:flex !important;justify-content:center !important }
  .px-pm-head>div { display:none !important }
  .px-pm-wrap { gap:20px !important }
  
}
@media (max-width:767px) {
  .px-pm-body { margin-top:0 !important;gap:28px !important }
}
@media (max-width:767px) {
  .px-years { display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:8px !important;width:100% }
}
@media (max-width:767px) {
  .px-years button { padding:10px 0 !important;width:100%;font-size:15px !important }
}
@media (max-width:767px) {
  .px-pm-body { margin-top:0 !important;gap:28px !important }
  .px-years { display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:8px !important;width:100% }
  .px-years button { padding:10px 0 !important;width:100%;font-size:15px !important }
  
}
@media (max-width:767px) {
  .px-wp { grid-template-columns:minmax(0,1fr) !important;gap:20px !important;padding:28px 20px 32px !important;text-align:center }
}
@media (max-width:767px) {
  .px-wp>div:first-child { align-items:center !important;text-align:center !important }
}
@media (max-width:767px) {
  .px-wp>div:first-child p { margin-left:auto !important;margin-right:auto !important }
}
@media (max-width:767px) {
  .px-wp>div:first-child>div { justify-content:center !important }
}
@media (max-width:767px) {
  .px-wp>div:last-child { order:-1;min-height:230px !important }
}
@media (max-width:767px) {
  .px-wp>div:last-child>div { width:220px !important }
}
@media (max-width:767px) {
  .px-wp>div:last-child img { max-width:180px !important;max-height:220px !important;width:auto !important;height:auto !important }
}
@media (max-width:767px) {
  .px-wp { grid-template-columns:minmax(0,1fr) !important;gap:20px !important;padding:28px 20px 32px !important;text-align:center }
  .px-wp>div:first-child { align-items:center !important;text-align:center !important }
  .px-wp>div:first-child p { margin-left:auto !important;margin-right:auto !important }
  .px-wp>div:first-child>div { justify-content:center !important }
  .px-wp>div:last-child { order:-1;min-height:230px !important }
  .px-wp>div:last-child>div { width:220px !important }
  .px-wp>div:last-child img { max-width:180px !important;max-height:220px !important;width:auto !important;height:auto !important }
  
}
@media (max-width:767px) {
  .px-wp>div:first-child>div span[aria-hidden="true"] { display:none !important }
}
@media (max-width:767px) {
  .px-wp>div:first-child>div:has(span[aria-hidden="true"]) { flex-direction:column !important;gap:8px !important }
}
@media (max-width:767px) {
  .px-wp>div:first-child>div span[aria-hidden="true"] { display:none !important }
  .px-wp>div:first-child>div:has(span[aria-hidden="true"]) { flex-direction:column !important;gap:8px !important }
  
}
@media (max-width:767px) {
  .px-hero2-anchors a,
  .px-hero2-anchors a:hover,
  .px-hero2-anchors a:focus { color:var(--kx-bluegrey) !important }
}
@media (max-width:767px) {
  .px-hero2-anchors a:active { background:var(--kx-green) !important;border-color:var(--kx-green) !important;color:var(--kx-bluegrey) !important }
}
@media (max-width:767px) {
  .px-hero2-anchors a,
  .px-hero2-anchors a:hover,
  .px-hero2-anchors a:focus { color:var(--kx-bluegrey) !important }
  .px-hero2-anchors a:active { background:var(--kx-green) !important;border-color:var(--kx-green) !important;color:var(--kx-bluegrey) !important }
  
}
html.kx-noswitch .kx-devbadge,
html.kx-noswitch .kx-pill { display:none !important }
html body a.kx-kontakt-blau.kx-kontakt-blau.kx-kontakt-blau.kx-kontakt-blau.kx-kontakt-blau { color:var(--kx-bluegrey) !important }
html body a.kx-kontakt-blau.kx-kontakt-blau svg { stroke:var(--kx-green) !important }
html body a.kx-kontakt-blau[href^="tel:"] svg path { fill:var(--kx-green) !important;stroke:var(--kx-green) !important;stroke-width:1.2 !important }
html body a.kx-kontakt-blau[href^="mailto:"] svg rect { fill:var(--kx-green) !important;stroke:var(--kx-green) !important }
html body a.kx-kontakt-blau[href^="mailto:"] svg path { fill:none !important;stroke:var(--kx-white) !important;stroke-width:1.8 !important }
html body a.kx-kontakt-blau[href^="mailto:"] { line-height:1.2 !important;align-items:center !important }
html body a.kx-kontakt-blau[href^="mailto:"] svg { position:relative;top:1px }
html body a.kx-kontakt-pr.kx-kontakt-pr { transition:font-weight 120ms cubic-bezier(0.2,0,0,1) }
@media (hover:hover) {
  html body a.kx-kontakt-pr.kx-kontakt-pr:hover { font-weight:700 !important;color:var(--kx-bluegrey) !important }
  
}

/* Elementstile */
#app .pr-1 { font-family:var(--font-body);color:var(--kx-bluegrey);min-height:100vh;display:flex;flex-direction:column }
#app .pr-2 { background:var(--kx-bluegrey-05);border-bottom:1px solid var(--kx-bluegrey-20) }
#app .pr-3 { max-width:1280px;margin:0 auto;padding:28px 32px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:4px }
#app .pr-4 { font-family:var(--font-display);font-size:23px;font-weight:700;color:var(--kx-bluegrey) }
#app .pr-6 { text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--kx-green) }
#app .pr-7 { margin-left:-4px }
#app .pr-8 { max-width:1280px;margin:0 auto;padding:0 32px 18px }
#app .pr-9 { display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:999px;background:var(--kx-white);border:1px solid var(--kx-bluegrey-20) }
#app .pr-b { text-decoration:none;white-space:nowrap;font-size:17px;font-weight:600;padding:11px 22px;border-radius:999px;background:transparent;color:var(--kx-bluegrey-80);transition:background 120ms cubic-bezier(0.2,0,0,1),color 120ms cubic-bezier(0.2,0,0,1) }
#app .pr-c { white-space:nowrap;font-size:15px;font-weight:700;padding:11px 22px;border-radius:999px;background:var(--kx-green);color:var(--kx-bluegrey);box-shadow:0 2px 8px rgba(29,42,67,0.12) }
#app .pr-d { position:relative;overflow:hidden;background:color-mix(in srgb, var(--kx-green) 8%, var(--kx-white));margin-top:16px }
#app .pr-e { position:absolute;top:-120px;right:-160px;width:620px;height:620px;border-radius:50%;background:#D9F2EB }
#app .pr-f { position:relative;max-width:1280px;margin:0 auto;padding:96px 32px 104px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:48px;align-items:center }
#app .pr-g { display:flex;flex-direction:column;gap:18px;align-items:flex-start }
#app .pr-h { margin:0;font-family:var(--font-display);font-weight:700;font-size:52px;line-height:1.08;letter-spacing:-0.02em;color:var(--kx-bluegrey) }
#app .pr-i { margin:0;font-size:18px;line-height:1.6;color:var(--kx-bluegrey-80);max-width:46ch }
#app .pr-j { display:flex;gap:14px;flex-wrap:wrap;margin-top:14px }
#app .pr-l { text-decoration:none;font-size:17px;font-weight:600;color:var(--kx-bluegrey);border:1px solid var(--kx-bluegrey-20);padding:10px 22px;border-radius:999px;white-space:nowrap;transition:background 120ms cubic-bezier(0.2,0,0,1),border-color 120ms cubic-bezier(0.2,0,0,1),color 120ms cubic-bezier(0.2,0,0,1) }
#app .pr-m { position:relative;width:100%;max-width:440px;justify-self:center;aspect-ratio:1/1 }
#app .pr-n { position:absolute;left:2%;top:12%;width:56%;aspect-ratio:3/4;background:var(--kx-white);border-radius:14px;box-shadow:0 18px 40px rgba(29,42,67,0.14);transform:rotate(-9deg);z-index:1;padding:8% 9%;box-sizing:border-box;display:flex;flex-direction:column;gap:7% }
#app .pr-o { width:34%;height:7%;border-radius:999px;background:var(--kx-melon) }
#app .pr-p { height:5%;border-radius:999px;background:var(--kx-bluegrey-20) }
#app .pr-q { height:5%;width:82%;border-radius:999px;background:var(--kx-bluegrey-20) }
#app .pr-r { height:5%;width:64%;border-radius:999px;background:var(--kx-bluegrey-05) }
#app .pr-s { height:5%;width:76%;border-radius:999px;background:var(--kx-bluegrey-05) }
#app .pr-t { margin-top:auto;align-self:flex-end;width:22%;aspect-ratio:1;border-radius:50%;background:var(--kx-green-20);display:flex;align-items:center;justify-content:center }
#app .pr-u { position:absolute;left:40%;top:6%;width:56%;aspect-ratio:3/4;background:var(--kx-white);border-radius:14px;box-shadow:0 18px 40px rgba(29,42,67,0.14);transform:rotate(6deg);z-index:2;padding:8% 9%;box-sizing:border-box;display:flex;flex-direction:column;gap:7% }
#app .pr-v { width:34%;height:7%;border-radius:999px;background:var(--kx-plum) }
#app .pr-w { position:absolute;left:20%;top:26%;width:56%;aspect-ratio:3/4;background:var(--kx-white);border-radius:14px;box-shadow:0 18px 40px rgba(29,42,67,0.14);transform:rotate(-2deg);z-index:3;padding:8% 9%;box-sizing:border-box;display:flex;flex-direction:column;gap:7% }
#app .pr-x { width:34%;height:7%;border-radius:999px;background:var(--kx-green) }
#app .pr-y { background:var(--kx-white) }
#app .pr-z { max-width:1280px;margin:0 auto;padding:88px 32px;display:flex;flex-direction:column;gap:40px }
#app .pr-10 { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px }
#app .pr-11 { display:flex;align-items:center;gap:12px }
#app .pr-12 { width:130px;height:44px;border-radius:999px;background:var(--kx-bluegrey) }
#app .pr-13 { width:44px;height:44px;border-radius:50%;background:var(--kx-bluegrey) }
#app .pr-14 { width:44px;height:44px;border-radius:50%;background:var(--kx-green-20) }
#app .pr-15 { margin:0;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:40px;letter-spacing:-0.01em;line-height:1.15 }
#app .pr-16 { width:100%;max-width:1040px;margin:32px auto 0;display:flex;flex-direction:column;gap:40px }
#app .pr-17 { display:flex;gap:12px;flex-wrap:wrap;justify-content:center }
#app .pr-19 { display:flex;flex-direction:column;gap:14px }
#app .pr-1a { display:grid;grid-template-columns:minmax(0,1fr) 160px 56px;gap:24px;padding:0 0 12px;border-bottom:1.5px solid var(--kx-bluegrey-20);font-family:var(--font-body);font-size:17px;font-weight:700;color:var(--kx-bluegrey);margin-bottom:12px }
#app .pr-1c { display:grid;grid-template-columns:minmax(0,1fr) 160px 56px;gap:24px;align-items:center;padding:24px 28px;background:var(--kx-white);border-radius:14px;box-shadow:0 4px 24px rgba(29,42,67,0.07);border:2px solid transparent;transition:border-color 160ms cubic-bezier(0.2,0,0,1) }
#app .pr-1d { font-size:17px;font-weight:400;line-height:1.5;color:var(--kx-bluegrey) }
#app .pr-1e { font-size:17px;color:var(--kx-bluegrey-80) }
#app .pr-1g { width:44px;height:44px;display:flex;align-items:center;justify-content:center;justify-self:end;color:var(--kx-bluegrey) }
#app .pr-1h { padding:28px 0;text-align:center;font-size:17px;color:var(--kx-bluegrey-80) }
#app .pr-1i { position:relative;background:var(--kx-white) }
#app .pr-1j { box-sizing:border-box;position:absolute;top:0;left:0;right:0;height:420px;background:var(--kx-bluegrey) }
#app .pr-1k { position:relative;max-width:1280px;margin:0 auto;padding:88px 32px 0;display:flex;flex-direction:column;gap:64px }
#app .pr-1l { width:130px;height:44px;border-radius:999px;background:var(--kx-green) }
#app .pr-1m { width:44px;height:44px;border-radius:50%;background:var(--kx-green) }
#app .pr-1n { width:44px;height:44px;border-radius:50%;background:#D9F2EB }
#app .pr-1o { margin:0;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:40px;letter-spacing:-0.01em;line-height:1.15;color:var(--kx-white) }
#app .pr-1p { width:100%;max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px }
#app .pr-1r { text-decoration:none;background:var(--kx-white);border-radius:24px;padding:56px 40px 48px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;box-shadow:0 12px 40px rgba(29,42,67,0.08);transition:transform 200ms cubic-bezier(0.2,0,0,1) }
#app .pr-1s { height:120px;width:auto;object-fit:contain;display:block }
#app .pr-1t { font-family:var(--font-body);font-size:24px;font-weight:600;color:var(--kx-green) }
#app .pr-1u { margin:0;font-size:17px;line-height:1.5;color:var(--kx-bluegrey);max-width:28ch }
#app .pr-1v { margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--kx-bluegrey) }
#app .pr-1w { max-width:1280px;margin:0 auto;padding:72px 32px 88px }
#app .pr-1x { display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding-top:24px;margin-bottom:28px }
#app .pr-1y { font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--kx-green);font-style:italic }
#app .pr-1z { margin:0;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.15;letter-spacing:-0.01em;color:var(--kx-bluegrey) }
#app .pr-20 { margin:0;font-size:17px;line-height:1.6;color:var(--kx-bluegrey-80);max-width:56ch }
#app .pr-21 { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.8fr);gap:40px;width:100%;max-width:1040px;margin:0 auto;box-sizing:border-box;align-items:center;background:var(--kx-bluegrey-05);border-radius:16px;padding:48px }
#app .pr-22 { display:flex;flex-direction:column;gap:16px;align-items:flex-start }
#app .pr-23 { font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--kx-green) }
#app .pr-24 { margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(30px, 4vw, 40px);line-height:1.1;letter-spacing:-0.02em;color:var(--kx-bluegrey) }
#app .pr-25 { display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:14px;border-top:1px solid var(--kx-bluegrey-20);font-size:15px;font-weight:500;color:var(--kx-bluegrey) }
#app .pr-27 { display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb, var(--kx-green) 12%, transparent);color:var(--kx-bluegrey);font-weight:600;padding:4px 10px;border-radius:999px;text-decoration:none;transition:background 120ms cubic-bezier(0.2,0,0,1) }
#app .pr-28 { color:var(--kx-green);font-weight:700 }
#app .pr-29 { margin-top:12px }
#app .pr-2b { display:inline-block;text-decoration:none;background:var(--kx-green);color:var(--kx-bluegrey);font-size:17px;font-weight:600;padding:14px 28px;border-radius:999px;transition:background 120ms cubic-bezier(0.2,0,0,1) }
#app .pr-2c { position:relative;display:flex;align-items:center;justify-content:center;min-height:380px }
#app .pr-2d { position:absolute;width:min(360px,100%);height:auto;aspect-ratio:1/1;border-radius:50%;background:#D9F2EB }
#app .pr-2f { position:relative;display:block;line-height:0;transition:transform 200ms cubic-bezier(0.2,0,0,1) }
#app .pr-2g { position:relative;width:100%;max-width:280px;margin:0 auto;display:block }
#app .pr-2h { max-width:1280px;margin:0 auto;padding:88px 32px;display:flex;flex-direction:column;gap:32px }
#app .pr-2i { width:130px;height:44px;border-radius:999px;background:var(--kx-plum) }
#app .pr-2j { width:44px;height:44px;border-radius:50%;background:var(--kx-plum) }
#app .pr-2k { width:44px;height:44px;border-radius:50%;background:var(--kx-melon) }
#app .pr-2l { margin:0;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:40px;letter-spacing:-0.01em;line-height:1.15;color:var(--kx-bluegrey) }
#app .pr-2m { overflow:hidden;margin:0;padding:4px 0 8px;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 32px,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,black 32px,black calc(100% - 32px),transparent 100%) }
#app .pr-2n { display:flex;gap:20px;width:max-content }
#app .pr-2o { flex:0 0 360px;width:360px;max-width:85vw;background:var(--kx-bluegrey-05);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px }
#app .pr-2p { display:flex;align-items:center;justify-content:space-between;gap:12px }
#app .pr-2q { font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--kx-bluegrey) }
#app .pr-2r { font-size:14px;color:var(--kx-bluegrey-80) }
#app .pr-2s { margin:0;flex:1;font-size:16px;line-height:1.55;color:var(--kx-bluegrey);text-wrap:pretty }
#app .pr-2t { align-self:flex-start;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:16px;font-weight:600;color:var(--kx-green) }
#app .pr-2u { display:none;justify-content:center;gap:16px;margin-top:4px }
#app .pr-2v { cursor:pointer;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:none;background:var(--kx-green);box-shadow:0 4px 12px rgba(29,42,67,0.18);display:flex;align-items:center;justify-content:center }
#app .pr-2w { position:relative;overflow:hidden;background:var(--kx-white) }
#app .pr-2x { max-width:1080px;margin:0 auto;padding:96px 32px;display:flex;flex-direction:column;gap:40px;align-items:center;text-align:center }
#app .pr-2y { position:relative;z-index:1;margin:0;font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.15;letter-spacing:-0.01em;color:var(--kx-bluegrey) }
#app .pr-2z { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;text-align:left;position:relative;z-index:0 }
#app .pr-30 { position:absolute;top:-2000px;bottom:50%;left:50%;width:100vw;transform:translateX(-50%);background:color-mix(in srgb, var(--kx-green) 10%, var(--kx-white));z-index:-1;pointer-events:none }
#app .pr-32 { text-decoration:none;background:var(--kx-bluegrey);border-radius:16px;padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;transition:transform 200ms cubic-bezier(0.2,0,0,1);font-weight:600 }
#app .pr-33 { width:52px;height:52px;border-radius:50%;background:var(--kx-green);display:flex;align-items:center;justify-content:center }
#app .pr-34 { font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--kx-white) }
#app .pr-35 { margin:-16px 0 0;font-size:16px;line-height:1.6;color:var(--kx-bluegrey-20) }
#app .pr-36 { background:var(--kx-white);border-radius:16px;padding:36px 32px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(29,42,67,0.06) }
#app .pr-37 { width:52px;height:52px;border-radius:50%;background:var(--kx-green);display:flex;align-items:center;justify-content:center;margin-bottom:18px }
#app .pr-38 { font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--kx-green) }
#app .pr-39 { font-size:17px;font-weight:600;color:var(--kx-bluegrey) }
#app .pr-3a { font-size:16px;color:var(--kx-bluegrey-80) }
#app .pr-3b { text-decoration:none;font-size:16px;font-weight:500;color:var(--kx-bluegrey);display:inline-flex;align-items:center;gap:10px }
#app .pr-3c { flex-shrink:0 }
#app .pr-3d { height:2px;background:var(--kx-white) }
#app .pr-h5:hover { color:#38A887 !important }
#app .pr-ha:hover { background:var(--kx-green-20) !important;color:var(--kx-bluegrey) !important }
#app .pr-hk:hover { border-color:var(--kx-green) !important;background:var(--kx-green) !important;color:var(--kx-bluegrey) !important }
#app .pr-h18:hover { background:color-mix(in srgb, var(--kx-plum) 14%, var(--kx-white)) !important }
#app .pr-h1b:hover { border-color:var(--kx-plum) !important }
#app .pr-h1f:hover { color:var(--kx-green) !important }
#app .pr-h1q:hover { transform:translateY(-6px) !important }
#app .pr-h26:hover { background:color-mix(in srgb, var(--kx-green) 24%, transparent) !important;color:var(--kx-bluegrey) !important }
#app .pr-h2a:hover { background:#38A887 !important;color:var(--kx-bluegrey) !important }
#app .pr-h2e:hover { transform:translateY(-3px) !important }
#app .pr-h31:hover { transform:translateY(-4px) !important }