/* Expandable customer applications with a distinct editorial treatment. */
.applications{position:relative;overflow:hidden;background:var(--sand)}
.applications:before{content:"";position:absolute;top:-260px;left:-220px;width:560px;height:560px;border:1px solid rgba(38,169,224,.18);border-radius:50%}
.applications:after{content:"";position:absolute;top:-160px;left:-120px;width:360px;height:360px;border:1px solid rgba(38,169,224,.22);border-radius:50%}
.applications-layout{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,9vw,120px);align-items:start}
.applications-heading{position:sticky;top:45px}
.applications-heading h2{font-size:clamp(40px,4.6vw,62px)}
.applications-intro{max-width:520px;margin:28px 0 0;color:var(--ink-soft);font-size:18px}
.application-list{border-top:1px solid rgba(0,51,102,.2)}
.application-item{border-bottom:1px solid rgba(0,51,102,.2)}
.application-item summary{position:relative;display:grid;grid-template-columns:54px 1fr 28px;gap:18px;align-items:center;min-height:96px;padding:18px 4px;cursor:pointer;list-style:none;color:var(--ink);font:600 clamp(17px,1.7vw,21px)/1.3 var(--display);transition:background-color .22s,color .22s,transform .22s}
.application-item summary::-webkit-details-marker{display:none}
.application-item summary:focus-visible{outline:3px solid rgba(0,102,204,.3);outline-offset:5px}
.application-icon{width:38px;height:38px;color:var(--water-medium);stroke:currentColor;transition:color .22s,transform .22s}
.application-toggle{position:relative;width:28px;height:28px;border:1px solid rgba(0,102,204,.45);border-radius:50%;transition:background-color .22s,border-color .22s,transform .22s}
.application-toggle:before,.application-toggle:after{content:"";position:absolute;top:13px;left:7px;width:12px;height:1px;background:var(--water-medium)}
.application-toggle:after{transform:rotate(90deg);transition:transform .2s}
.application-item[open] .application-toggle:after{transform:rotate(0)}
.application-item>p{margin:-4px 48px 0 76px;padding:0 0 25px;color:var(--ink-soft);font-size:16px}
.applications-qualifier{margin:30px 0 0;padding-left:20px;border-left:3px solid var(--water);color:var(--ink-soft);font-size:13px;font-weight:600}
@media(hover:hover) and (pointer:fine){
  .application-item summary:hover{border-radius:8px;background:rgba(255,255,255,.52);color:var(--water-medium);transform:translateX(6px)}
  .application-item summary:hover .application-icon{color:var(--water);transform:scale(1.08)}
  .application-item summary:hover .application-toggle{border-color:var(--water-medium);background:rgba(38,169,224,.14);transform:scale(1.08)}
}
@media(max-width:850px){.applications-layout{grid-template-columns:1fr;gap:48px}.applications-heading{position:static}.application-item summary{font-size:18px}}
@media(max-width:560px){.application-item summary{grid-template-columns:44px 1fr 26px;gap:12px;min-height:88px}.application-icon{width:32px;height:32px}.application-item>p{margin-left:56px;margin-right:35px}}