.benefit-illustration{min-width:0;font-family:var(--font-figtree), system-ui, sans-serif}.benefit-art{color:#172b3a;background:#f5f7f9;border-radius:24px;padding:clamp(22px,4vw,40px)}.benefit-heading>p{color:#026c9e;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:650}.benefit-heading h3{letter-spacing:-.035em;max-width:400px;margin:0;font-size:clamp(23px,2.6vw,32px);font-weight:650;line-height:1.15}.benefit-scene{isolation:isolate;gap:0;margin-top:32px;display:grid;position:relative}.benefit-node{background:#fff;align-items:center;gap:16px;min-width:0;padding:20px 16px;display:flex;position:relative}.benefit-node:first-of-type{border-radius:16px 16px 0 0}.benefit-node:last-child{border-radius:0 0 16px 16px}.benefit-node+.benefit-node{border-top:1px solid #e8edf0}.benefit-symbol{color:#0284c7;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.benefit-symbol svg{width:30px;height:30px}.benefit-node strong{font-size:16px;font-weight:650;line-height:1.3;display:block}.benefit-node-copy{color:#526371;margin-top:5px;font-size:13px;line-height:1.5;display:block}.benefit-stage{color:#b8c9d4;font-variant-numeric:tabular-nums;margin-left:auto;font-size:24px}.benefit-illustration[data-kind=route] .benefit-scene{gap:26px;min-height:310px}.benefit-route-line{color:#87b4cd;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.benefit-illustration[data-kind=route] .benefit-node{border:0;border-radius:16px;width:83%;padding:16px}.benefit-illustration[data-kind=route] .benefit-node:nth-of-type(2){margin-left:8%}.benefit-illustration[data-kind=route] .benefit-node:last-child{margin-left:17%}.benefit-illustration[data-kind=route] .benefit-symbol{background:#e7f4fb;border-radius:50%}.benefit-illustration[data-kind=handover] .benefit-node{padding-block:24px}.benefit-illustration[data-kind=handover] .benefit-node+.benefit-node:before,.benefit-illustration[data-kind=flow] .benefit-node+.benefit-node:before{content:"↓";z-index:1;color:#0284c7;background:#f5f7f9;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;display:grid;position:absolute;top:-12px;left:28px}.benefit-illustration[data-kind=flow] .benefit-scene{gap:20px}.benefit-illustration[data-kind=flow] .benefit-node{border:0;border-radius:16px}.benefit-illustration[data-kind=flow] .benefit-node+.benefit-node:before{top:-22px}.benefit-illustration[data-kind=anchor] .benefit-scene{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.benefit-illustration[data-kind=anchor] .benefit-node{border:0;border-radius:16px;flex-direction:column;align-items:flex-start}.benefit-illustration[data-kind=anchor] .benefit-node:first-child{background:#e0eef7;flex-direction:row;grid-column:1/-1;align-items:center}.benefit-illustration[data-kind=anchor] .benefit-node:first-child:after{content:"";border:1px solid #86b1c8;border-top:0;width:50%;height:14px;position:absolute;bottom:-15px;left:25%}.benefit-illustration[data-kind=anchor] .benefit-node-copy{font-size:12px}.benefit-illustration[data-kind=target] .benefit-node:first-child{background:#e7f4fb;padding-block:28px}.benefit-illustration[data-kind=target] .benefit-node:first-child .benefit-symbol{width:70px;height:70px}.benefit-illustration[data-kind=target] .benefit-node:first-child svg{width:58px;height:58px}.benefit-illustration[data-kind=target] .benefit-node:first-child strong{font-size:22px}.benefit-illustration[data-kind=balance] .benefit-scene{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.benefit-illustration[data-kind=balance] .benefit-node{border:0;border-radius:16px;flex-direction:column;align-items:flex-start}.benefit-illustration[data-kind=balance] .benefit-node:nth-child(2){background:#e0eef7;flex-direction:row;grid-area:2/1/auto/-1;align-items:center}.benefit-illustration[data-kind=balance] .benefit-node:nth-child(2):before{content:"↓";color:#0284c7;position:absolute;top:-25px;left:50%}.benefit-illustration[data-kind=comparison] .benefit-node{border-left:3px solid #95bacf}.benefit-illustration[data-kind=comparison] .benefit-node:nth-child(2){border-left-color:#0284c7}.benefit-illustration[data-kind=comparison] .benefit-node:last-child{border-left-color:#22485e}.benefit-illustration[data-kind=comparison] .benefit-symbol{border:1px dashed #acc7d8;border-radius:50%}.benefit-illustration[data-kind=people] .benefit-scene{border-left:1px solid #b4cad9;padding-left:12px}.benefit-illustration[data-kind=people] .benefit-node{background:0 0;border:0;padding-left:0}.benefit-illustration[data-kind=people] .benefit-symbol{background:#fff;border:5px solid #f5f7f9;border-radius:50%;width:64px;height:64px;margin-left:-45px}.benefit-illustration[data-kind=people] .benefit-scene{margin-left:22px}.benefit-illustration[data-kind=people] .benefit-node:first-child .benefit-symbol{color:#172b3a;background:#e0eef7}.benefit-illustration[data-kind=calendar] .benefit-scene{background:#fff;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:18px 7px}.benefit-illustration[data-kind=calendar] .benefit-node{text-align:center;border:0;flex-direction:column-reverse;gap:20px;padding:0;display:flex}.benefit-illustration[data-kind=calendar] .benefit-node-copy{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.benefit-illustration[data-kind=calendar] .benefit-symbol{background:#e7f4fb;border-radius:5px;width:100%;height:80px}.benefit-illustration[data-kind=calendar] .benefit-node:nth-child(3) .benefit-symbol{color:#8a6728;background:#f5f1e5}.benefit-illustration[data-kind=calendar] .benefit-node:nth-child(3) .benefit-symbol:after{content:"Leave";font-size:10px;position:absolute;bottom:8px}.benefit-illustration[data-kind=calendar] .benefit-node:nth-child(3) svg{transform:translateY(-10px)}.benefit-illustration[data-kind=cycle] .benefit-scene{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.benefit-illustration[data-kind=cycle] .benefit-node{border:0;border-radius:16px;flex-direction:column;align-items:flex-start;padding:18px}.benefit-illustration[data-kind=cycle] .benefit-node:nth-child(3){grid-area:2/2}.benefit-illustration[data-kind=cycle] .benefit-node:nth-child(4){grid-area:2/1}.benefit-illustration[data-kind=cycle] .benefit-node:after{content:"→";color:#0284c7;position:absolute;top:50%;right:-13px}.benefit-illustration[data-kind=cycle] .benefit-node:nth-child(2):after{content:"↓";top:auto;bottom:-16px;right:50%}.benefit-illustration[data-kind=cycle] .benefit-node:nth-child(3):after{content:"←";left:-13px;right:auto}.benefit-illustration[data-kind=cycle] .benefit-node:nth-child(4):after{content:"↑";top:-16px;right:50%}.benefit-illustration[data-kind=ticket] .benefit-scene,.benefit-illustration[data-kind=receipt] .benefit-scene{background:#fff;border-bottom:6px double #d5dfe6;border-radius:5px;padding:8px 16px;box-shadow:0 12px 26px #2134450d}.benefit-illustration[data-kind=ticket] .benefit-node,.benefit-illustration[data-kind=receipt] .benefit-node{border-radius:0;padding-inline:0}.benefit-illustration[data-kind=ticket] .benefit-node+.benefit-node{border-top-style:dashed}.benefit-illustration[data-kind=receipt] .benefit-node:last-child{background:#f2f8fb;border-radius:10px;padding-inline:8px}.benefit-illustration[data-kind=brief] .benefit-scene{background:#fff;border-left:4px solid #0284c7;border-radius:2px 16px 16px 2px;padding:20px;box-shadow:0 12px 26px #2134450d}.benefit-illustration[data-kind=brief] .benefit-node{border-radius:0;padding-inline:0}.benefit-illustration[data-kind=feedback] .benefit-scene{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.benefit-illustration[data-kind=feedback] .benefit-node{border:0;border-radius:16px;flex-direction:column;align-items:flex-start}.benefit-illustration[data-kind=feedback] .benefit-node:last-child{border:1px solid #b4cad9;flex-direction:row;grid-column:1/-1;align-items:center}.app-feature.app-feature-wide{grid-template-columns:minmax(0,1fr);gap:36px}.app-feature.app-feature-wide .app-feature-copy{order:0;max-width:840px}.app-detail .app-feature.app-feature-wide .app-feature-screens img{width:100%;max-height:none}.app-screen-focus{aspect-ratio:350/320;background:#e8edf0;border-radius:14px;position:relative;overflow:hidden}.app-detail[data-product=kds] .app-screen-focus img{width:411.43%;max-width:none;box-shadow:none;border-radius:0;position:absolute;top:-6.25%;left:-45.71%}@media (max-width:740px){.benefit-art{padding:24px 20px}.benefit-node{gap:10px;padding:16px 12px}.benefit-symbol{width:36px;height:36px}.benefit-symbol svg{width:26px;height:26px}.benefit-node strong{font-size:15px}.benefit-node-copy{font-size:12px}.benefit-illustration[data-kind=route] .benefit-node{padding:12px 10px}.benefit-illustration[data-kind=route] .benefit-scene{min-height:290px}.benefit-illustration[data-kind=cycle] .benefit-node{padding:14px 10px}.benefit-illustration[data-kind=calendar] .benefit-node strong{font-size:12px}}@media (max-width:380px){.benefit-illustration[data-kind=cycle] .benefit-scene{grid-template-columns:minmax(0,1fr);gap:20px}.benefit-illustration[data-kind=cycle] .benefit-node:nth-child(n){flex-direction:row;grid-area:auto;align-items:center;gap:12px}.benefit-illustration[data-kind=cycle] .benefit-node:nth-child(n):after{content:"↓";inset:auto auto -21px 24px}.benefit-illustration[data-kind=cycle] .benefit-node:last-child:after{content:none}}