.benefits-section{width:90%;max-width:1240px;margin:0 auto;padding:88px 0 95px;scroll-margin-top:95px}.benefits-heading{text-align:center;max-width:800px;margin:0 auto 50px}.benefits-heading h2{font-size:clamp(32px,3.8vw,50px);font-weight:500;line-height:1.16;letter-spacing:-.045em;margin:20px 0}.benefits-heading>p{font-size:17px;line-height:1.6;color:#60756b;max-width:640px;margin:auto}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-card{position:relative;isolation:isolate;border-radius:20px;overflow:hidden;padding:30px;display:flex;flex-direction:column;color:#fff;min-width:0}.benefit-hero{grid-column:1/-1;min-height:470px;background:radial-gradient(ellipse at 5% 0%,#38a99766,transparent 60%),linear-gradient(120deg,#157a71,#165f58)}.benefit-team{background:linear-gradient(140deg,#327fc1,#1d5ba6);min-height:420px}.benefit-channels{background:linear-gradient(140deg,#ad5389,#893d69)}.benefit-value{background:linear-gradient(140deg,#bd6043,#9a3d25)}.benefit-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.benefit-title h3{color:white;font-weight:450;font-size:25px;letter-spacing:-.025em;line-height:1.25;margin:0;max-width:290px}.benefit-hero .benefit-title h3{max-width:750px;font-size:29px}.benefit-pause{flex-shrink:0;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #ffffff59;background:#ffffff1a;color:white;cursor:pointer;font-size:14px}.benefit-pause:hover{background:#ffffff36}.benefit-pause:focus-visible{outline:2px solid white;outline-offset:4px}.benefit-description{font-size:15px;line-height:1.65;margin:0;color:#fff;position:relative;z-index:2}.benefit-hero .benefit-description{font-size:16px}.loyalty-scene{width:min(100%,640px);height:312px;position:relative;margin:15px auto 20px;flex:1}.loyalty-context{position:absolute;top:5px;left:0;right:0;text-align:center;letter-spacing:.13em;font-size:10px;color:#d6f0e8}.loyalty-context>span{display:inline-block;margin:0 15px}.loyalty-message{display:flex;gap:12px;padding:17px 21px;border-radius:15px;border:1px solid #ffffff38;background:#ffffff13;backdrop-filter:blur(6px);position:absolute;max-width:94%;box-shadow:0 8px 25px #06383012}.loyalty-message small{font-size:12px;color:#d9f0e8}.loyalty-message p{font-size:18px;line-height:1.45;margin:8px 0 0;letter-spacing:-.02em}.benefit-avatar{flex-shrink:0;width:31px;height:31px;border-radius:50%;background:#ffffff23;display:grid;place-items:center;font-size:11px}.agent-avatar{background:#9ee4c8;color:#16594d;font-weight:700;font-size:22px;letter-spacing:-2px}.loyalty-customer{left:0;top:43px;animation:loyalty-in 15s infinite}.loyalty-agent{right:0;top:140px;background:#ffffff1f;animation:loyalty-answer 15s infinite}.loyalty-resolved{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;padding:12px 19px;background:#d0f2df;color:#15503c;border-radius:40px;white-space:nowrap;animation:loyalty-result 15s infinite}.loyalty-resolved>span{font-size:23px}.loyalty-resolved b{display:block;font-size:13px;font-weight:550}.loyalty-resolved small{font-size:10px;display:block;margin-top:3px}.team-scene,.channels-scene,.value-scene{flex:1;min-height:248px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:23px 0}.expertise-row{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.expertise-pill{padding:7px 10px;border:1px solid #ffffff36;border-radius:20px;font-size:10px;background:#ffffff0d;animation:expertise-pulse 9s infinite}.expertise-pill:nth-child(2){animation-delay:1s}.expertise-pill:nth-child(3){animation-delay:2s}.expertise-path{display:flex;align-items:center;justify-content:center;width:100%;height:34px;gap:25px;color:#c9eaff}.expertise-path i{width:1px;height:25px;background:linear-gradient(#ffffff05,#ffffff6b);transform:rotate(24deg)}.expertise-path i:last-child{transform:rotate(-24deg)}.expertise-agent{border:1px solid #ffffff4d;border-radius:14px;width:150px;padding:14px;background:#ffffff1a;text-align:center;animation:agent-glow 9s infinite}.expertise-agent b{display:block;font-size:33px;line-height:1;letter-spacing:-2px;color:white}.expertise-agent>span{font-size:11px;display:block;margin-top:7px}.expertise-state{position:relative;height:24px;width:100%;margin-top:14px;text-align:center}.expertise-state>span{position:absolute;inset:0;font-size:11px;animation:expertise-caption 9s infinite;opacity:0}.expertise-state>span:nth-child(2){animation-delay:3s}.expertise-state>span:nth-child(3){animation-delay:6s}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:270px}.channel-cell{border:1px solid #ffffff43;background:#ffffff13;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:10px;height:82px;animation:channel-light 12s infinite;animation-delay:calc(var(--channel)*1.5s)}.channel-cell img{filter:brightness(0) invert(1);object-fit:contain}.channel-cell span{font-size:9px}.channel-caption{display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap;margin-top:20px;color:#fff}.channel-line{width:18px;height:1px;background:#ffffff73}.value-ticket{width:100%;max-width:260px;border:1px solid #ffffff43;background:#ffffff14;border-radius:14px;padding:17px}.value-ticket-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff29;padding-bottom:14px;margin-bottom:7px}.value-ticket-header>span{font-size:9px;letter-spacing:.08em}.value-ticket-header>b{font-size:22px;letter-spacing:-2px}.value-row{display:flex;align-items:center;gap:10px;font-size:12px;padding:9px 0;animation:value-row 12s infinite;animation-delay:calc(var(--row)*1.5s)}.value-check{display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff69;width:21px;height:21px;font-size:11px}.value-complete{font-size:10px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff29;animation:value-complete 12s infinite}.benefit-card:not(.benefit-playing) *{animation-play-state:paused!important}.reduced-motion .benefit-card *{animation:none!important}.reduced-motion .expertise-state>span{opacity:0}.reduced-motion .expertise-state>span:last-child{opacity:1}.benefits-section .eyebrow{color:#167a6d}.wordmark>span{color:#168c79}.nav-cta{background:#197668}.nav-cta:hover{background:#115c52}
@keyframes loyalty-in{0%,5%{opacity:0;transform:translateY(12px)}12%,87%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(-5px)}}@keyframes loyalty-answer{0%,25%{opacity:0;transform:translateY(12px)}35%,87%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(-5px)}}@keyframes loyalty-result{0%,50%{opacity:0}60%,87%{opacity:1}97%,100%{opacity:0}}@keyframes expertise-pulse{0%,100%{background:#ffffff0d}20%,40%{background:#ffffff38;border-color:#ffffff99}}@keyframes agent-glow{0%,40%,100%{box-shadow:0 0 0 0 #ffffff00}65%{box-shadow:0 0 0 10px #ffffff0b;background:#ffffff29}}@keyframes expertise-caption{0%,30%{opacity:1}34%,100%{opacity:0}}@keyframes channel-light{0%,100%{background:#ffffff13}12%,24%{background:#ffffff3a;border-color:#ffffffaa;transform:translateY(-3px)}36%{transform:translateY(0)}}@keyframes value-row{0%,10%{opacity:.4}30%,90%{opacity:1}100%{opacity:.4}}@keyframes value-complete{0%,40%,100%{opacity:.4}55%,90%{opacity:1}}
@media(prefers-reduced-motion:reduce){.benefit-card *{animation:none!important}.expertise-state>span{opacity:0}.expertise-state>span:last-child{opacity:1}}@media(max-width:1000px){.benefit-card{padding:23px}.benefit-title h3{font-size:23px}.benefit-description{font-size:14px}.channel-cell{height:72px}.channel-cell span{font-size:8px}.team-scene,.channels-scene,.value-scene{min-height:240px}.channel-caption{font-size:9px;gap:5px}.channel-line{width:9px}.benefit-pause{width:27px;height:27px}}@media(max-width:750px){.benefits-grid{grid-template-columns:1fr;gap:16px}.benefit-hero{grid-column:auto;min-height:475px}.benefit-title h3,.benefit-hero .benefit-title h3{font-size:25px;max-width:85%}.benefit-card{padding:25px;min-height:370px}.benefit-description{font-size:16px}.team-scene,.channels-scene,.value-scene{min-height:260px}.channel-cell{height:85px}.channel-cell span{font-size:11px}.channel-caption{font-size:12px}.expertise-pill{font-size:12px}.value-row{font-size:14px}.value-ticket{max-width:310px}.benefits-section{padding:60px 0}.benefits-heading{margin-bottom:30px}.loyalty-scene{height:335px;flex:none;margin-top:20px}.loyalty-message{padding:14px;max-width:100%}.loyalty-message p{font-size:16px}.loyalty-context{font-size:8px;letter-spacing:.04em}.loyalty-context>span{margin:0 8px}.loyalty-agent{top:154px}.loyalty-resolved{padding:10px 13px}.loyalty-resolved small{font-size:9px}.benefit-hero .benefit-description{font-size:15px}.benefit-avatar{width:27px;height:27px}.benefit-title{gap:10px}.loyalty-message small{font-size:11px}}
.loyalty-context,.loyalty-resolved small,.expertise-pill,.expertise-agent>span,.expertise-state>span,.channel-cell span,.channel-caption,.value-ticket-header>span,.value-complete{font-size:12px}.channel-caption{white-space:normal;text-align:center}.channel-line{flex-shrink:0}.loyalty-context{letter-spacing:.05em}.value-ticket-header{gap:8px}.channel-cell{min-width:0}.expertise-pill{padding:6px 9px}.loyalty-resolved small{font-size:11px}@media(max-width:1000px) and (min-width:751px){.benefit-card{padding:20px}.channel-grid{gap:5px}.channel-cell span{font-size:11px}.channel-caption{font-size:11px}.expertise-pill{font-size:11px}.benefit-title h3{font-size:22px}.benefit-description{font-size:15px}}@media(max-width:450px){.loyalty-context{font-size:10px}.loyalty-resolved small{font-size:10px}.loyalty-context>span{margin:0 5px}.loyalty-message p{font-size:15px}}