.benefit-heading{display:grid;grid-template-columns:.7fr 2fr;gap:clamp(30px,5vw,80px);align-items:start;margin-bottom:38px}.benefit-heading .eyebrow{margin-top:12px}.benefit-heading h2{font-size:clamp(32px,4vw,52px);max-width:730px;line-height:1.15}
.benefit-showcase{border:1px solid var(--line);border-radius:34px;background:var(--panel);overflow:hidden;isolation:isolate}
.benefit-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:13px;border-bottom:1px solid var(--line);background:var(--surface)}
.benefit-tabs button{display:flex;align-items:center;gap:12px;padding:18px 20px;text-align:left;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:20px;font-size:14px;font-weight:650;line-height:1.4;transition:color .25s,background .25s,border-color .25s}
.benefit-tabs button>svg{width:27px;height:27px;flex:none}.benefit-tabs button:hover{color:var(--text);background:var(--panel)}.benefit-tabs button[aria-selected=true]{color:var(--text);background:var(--soft);border-color:#8d5cff70}.benefit-tabs button[aria-selected=true]>svg{color:var(--accent)}.benefit-tabs button:focus-visible{outline-offset:-4px}
.benefit-panels{display:grid;position:relative;background:radial-gradient(ellipse at 79% 50%,#8d5cff13,transparent 65%)}
.benefit-panel{grid-area:1/1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:35px;padding:55px;min-height:450px;visibility:visible;opacity:1;transition:opacity .4s,visibility .4s}
.benefit-panel[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none}
.benefit-copy{max-width:470px}.benefit-index{display:block;font-size:57px;line-height:1;letter-spacing:-.06em;font-weight:500;color:var(--accent);margin-bottom:30px}.benefit-index>span{font-size:15px;color:var(--muted);letter-spacing:0}
.benefit-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.16;margin-bottom:22px}.benefit-copy>p{font-size:17px;line-height:1.8}
.benefit-pagination{display:flex;gap:8px;margin-top:32px}.benefit-pagination i{width:7px;height:7px;border-radius:5px;background:var(--line)}.benefit-pagination i.current{width:28px;background:var(--accent)}
.benefit-visual{position:relative;min-width:0}.benefit-diagram{display:block;width:100%;height:auto;overflow:visible;stroke:var(--accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.diagram-node>rect:not(.diagram-fill){fill:var(--panel);stroke:#8d5cff75;stroke-width:1.5}.diagram-node>path{stroke:var(--accent)}.diagram-node>circle{fill:var(--accent);stroke:none}.diagram-fill{fill:var(--soft);stroke:var(--line);stroke-width:1}.diagram-ring{stroke:var(--accent);opacity:.23;stroke-width:1}.diagram-ring.faint{opacity:.1}.diagram-track{stroke:var(--line);stroke-width:2}.diagram-flow{stroke:var(--accent);stroke-width:3;stroke-dasharray:9 19;animation:benefit-flow 3s linear infinite}.diagram-badge circle{fill:var(--button);stroke:#b897ff;stroke-width:1}.diagram-badge path{stroke:#fff;stroke-width:2.5}.diagram-scan{stroke:var(--accent);stroke-width:2;opacity:.6;animation:benefit-scan 4s ease-in-out infinite}
.benefit-panel[aria-hidden=true] *{animation-play-state:paused}.benefit-panel:not([aria-hidden=true]) .benefit-diagram{animation:benefit-enter .65s cubic-bezier(.22,1,.36,1) both}
@keyframes benefit-flow{to{stroke-dashoffset:-56}}@keyframes benefit-scan{0%,100%{transform:translateY(0);opacity:.1}50%{transform:translateY(143px);opacity:.65}}@keyframes benefit-enter{from{opacity:0;transform:translateY(13px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:1000px){.benefit-heading{grid-template-columns:1fr;gap:0}.benefit-heading .eyebrow{margin:0 0 26px}.benefit-tabs button{padding:15px 12px;gap:9px;font-size:13px}.benefit-tabs button>svg{width:23px;height:23px}.benefit-panel{padding:38px;gap:20px}.benefit-copy>p{font-size:16px}}
@media(max-width:700px){.benefit-tabs{grid-template-columns:1fr 1fr;padding:10px;gap:6px}.benefit-tabs button{font-size:13px;padding:13px 10px;border-radius:14px}.benefit-showcase{border-radius:26px}.benefit-panel{grid-template-columns:1fr;padding:28px;gap:18px;min-height:0}.benefit-visual{grid-row:1;width:100%;max-width:420px;margin-inline:auto}.benefit-copy{max-width:none}.benefit-index{font-size:35px;margin-bottom:18px}.benefit-copy h3{font-size:30px;margin-bottom:16px}.benefit-copy>p{font-size:16px}.benefit-pagination{margin-top:24px}.benefit-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.benefit-showcase *{animation:none!important;transition:none!important}}

.benefit-tabs button{font-size:17px;gap:14px;padding:19px 18px}.benefit-tabs button>svg{width:34px;height:34px}.benefit-copy .benefit-extra{margin-top:18px;font-size:16px;line-height:1.8}.benefit-copy{max-width:490px}
@media(max-width:1100px){.benefit-tabs button{font-size:15px;padding:17px 12px;gap:10px}.benefit-tabs button>svg{width:30px;height:30px}}
@media(max-width:700px){.benefit-tabs button{font-size:14px;padding:14px 10px;gap:9px}.benefit-tabs button>svg{width:28px;height:28px}.benefit-copy .benefit-extra{font-size:15px}}