.dev2-benefits{--dev2-section-gap:clamp(64px,7.5vw,96px);padding:var(--dev2-section-gap) 0 0;background:#101010;color:#f5f5f7;font-family:'Dev2 Cabinet',Arial,sans-serif;scroll-margin-top:85px}
/* Each transition owns one gap, avoiding stacked section paddings. */
.dev2-benefits ~ .dev2-faq{padding-top:clamp(64px,7.5vw,96px)}
.dev2-benefits-shell{width:min(87.5%,1680px);margin:auto;padding:72px 0 96px;border-radius:28px;background:#1d1d1f}
.dev2-benefits-inner{width:83.3333%;margin:auto}
.dev2-benefits-top{display:flex;align-items:flex-start;justify-content:space-between;gap:36px}
.dev2-benefits-top h2{width:60%;margin:0;font-size:56px;line-height:1.07;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.dev2-benefits-chooser{width:30%;padding-top:14px;min-width:0}
.dev2-benefits-chooser label{display:block;margin-bottom:16px;font-size:17px;line-height:1.3;font-weight:600}
.dev2-benefits-dropdown{display:flex;align-items:center;gap:9px}
.dev2-benefits-select-wrap{position:relative;flex:1;min-width:0}
.dev2-benefits-select-wrap:after{content:'';position:absolute;right:23px;top:17px;width:8px;height:8px;border-right:1.5px solid #929295;border-bottom:1.5px solid #929295;transform:rotate(45deg);pointer-events:none}
.dev2-benefits-select-wrap select{display:block;appearance:none;width:100%;height:46px;padding:0 44px 0 22px;border:1px solid #707074;border-radius:28px;background:#28282a;color:#f5f5f7;font:400 17px/1.3 'Dev2 Cabinet',Arial,sans-serif;text-overflow:ellipsis;cursor:pointer}
.dev2-benefits-select-wrap select:focus-visible,.dev2-benefits-help summary:focus-visible,.dev2-benefits-footer a:focus-visible{outline:3px solid #c9ff6b;outline-offset:4px}
.dev2-benefits-select-wrap select:disabled{opacity:.7;cursor:default}
.dev2-benefits-help{position:relative;flex-shrink:0}
.dev2-benefits-help summary{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#707074;color:#1d1d1f;font-size:13px;font-weight:700;line-height:1;cursor:pointer;list-style:none}
.dev2-benefits-help summary::-webkit-details-marker{display:none}
.dev2-benefits-help p{position:absolute;right:0;top:24px;z-index:4;width:260px;padding:20px;border:1px solid #555;border-radius:16px;background:#333336;box-shadow:0 10px 30px #0005;color:#f5f5f7;font-size:15px;line-height:1.4;font-weight:400}
.dev2-benefits-intro{margin:40px 0 32px;color:#909094;font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.015em}
.dev2-benefits-intro strong{color:#f5f5f7;font-weight:600}
.dev2-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dev2-benefits-grid[hidden]{display:none}
.dev2-benefit{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:300px;overflow:hidden;border-radius:28px;background:#000;text-align:center;padding:32px 0}
.dev2-benefit p{position:relative;z-index:1;flex-shrink:0;width:83.3333%;margin:0;color:#9f9fa5;font-size:19px;line-height:23px;letter-spacing:-.012em;font-weight:600;text-wrap:pretty}
.dev2-benefit p strong{color:#f5f5f7;font-weight:600}
.dev2-benefit-value{display:block;width:83.3333%;white-space:pre-line;margin:0 0 16px;color:#f5f5f7;font-size:40px;line-height:1.08;font-weight:600;letter-spacing:-.035em}
.dev2-benefit-value.is-large{font-size:80px;line-height:1;margin-bottom:20px}
.dev2-benefit-icon{display:block;width:68px;height:68px;margin:0 0 14px;flex-shrink:0;color:#f5f5f7}
.dev2-benefit.has-image{justify-content:flex-start;padding-bottom:0}
.dev2-benefit-media{position:relative;width:100%;flex:1;min-height:0;margin-top:24px;overflow:hidden}
.dev2-benefit-screen{position:absolute;top:0;left:8.3333%;width:108%;height:100%;overflow:hidden;border:1px solid #ffffff35;border-radius:10px 10px 0 0;background:#1d1d1f;box-shadow:0 0 28px #ffffff0a}
.dev2-benefit-image{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.dev2-benefit.has-mobile .dev2-benefit-screen{left:28%;width:44%;height:auto;border-radius:18px 18px 0 0;border:3px solid #333336;box-shadow:0 0 0 1px #ffffff20}
.dev2-benefit.has-mobile .dev2-benefit-image{height:auto}
.dev2-benefits-footer{text-align:center;max-width:710px;margin:72px auto 0}
.dev2-benefits-footer h3{margin:0 0 14px;font-size:32px;line-height:1.1;font-weight:600;letter-spacing:-.025em}
.dev2-benefits-footer p{margin:0;color:#909094;font-size:21px;line-height:1.25;font-weight:600;text-wrap:balance}
.dev2-benefits-footer a{display:inline-block;margin-top:26px;color:#c9ff6b;font-size:21px;line-height:1.3;font-weight:600;text-decoration:none}
.dev2-benefits-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.dev2-benefits-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1600px){.dev2-benefit{height:340px}.dev2-benefit-media{margin-top:28px}}
@media(max-width:1068px) and (min-width:735px){.dev2-benefits-top{display:block}.dev2-benefits-top h2{width:85%;font-size:48px}.dev2-benefits-chooser{width:70%;max-width:400px;margin-top:30px;padding:0}.dev2-benefits-intro{margin-top:40px}.dev2-benefit{height:290px;padding-top:26px}.dev2-benefit p{font-size:17px;line-height:21px}.dev2-benefit-value{font-size:32px}.dev2-benefit-media{margin-top:20px}.dev2-benefit-icon{width:60px;height:60px}}
@media(max-width:734px){
 .dev2-benefits{margin-top:var(--dev2-section-gap);padding:64px 0;background:#1d1d1f;scroll-margin-top:65px}
 .dev2-benefits-shell{width:100%;padding:0;border-radius:0}
 .dev2-benefits-inner{width:87.5%}
 .dev2-benefits-top{display:block}
 .dev2-benefits-top h2{width:100%;font-size:28px;line-height:1.14;letter-spacing:-.025em;text-wrap:pretty}
 .dev2-benefits-chooser{width:100%;padding:0;margin-top:26px}
 .dev2-benefits-chooser label{font-size:14px;line-height:1.3;margin-bottom:16px}
 .dev2-benefits-select-wrap select{font-size:16px;height:46px;padding-left:22px}
 .dev2-benefits-dropdown{gap:10px}
 .dev2-benefits-intro{font-size:17px;line-height:1.2;margin:46px 0 28px;max-width:24ch}
 .dev2-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .dev2-benefit{height:208px;padding:18px 0;border-radius:20px}
 .dev2-benefit p{font-size:14px;line-height:18px;letter-spacing:-.01em}
 .dev2-benefit-value{font-size:28px;line-height:1.08;margin-bottom:12px}
 .dev2-benefit-value.is-large{font-size:60px;margin-bottom:12px}
 .dev2-benefit-icon{width:52px;height:52px;margin-bottom:10px}
 .dev2-benefit.has-image{padding-top:20px;padding-bottom:0}
 .dev2-benefit-media{margin-top:16px}
 .dev2-benefit-screen{border-radius:6px 6px 0 0}
 .dev2-benefit.has-mobile .dev2-benefit-screen{width:48%;left:26%;border-width:2px;border-radius:12px 12px 0 0}
 .dev2-benefits-footer{margin-top:56px}
 .dev2-benefits-footer h3{font-size:24px}
 .dev2-benefits-footer p,.dev2-benefits-footer a{font-size:17px;line-height:1.3}
}