.m-use-cases{max-width:1200px;margin:0 auto;padding:160px 40px 100px}.m-use-cases-hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,8vw,120px);padding-bottom:96px;display:grid}.marketing .m-use-cases-title h1{max-width:5ch;font-size:clamp(72px,8.5vw,120px);line-height:.95}.m-use-cases-title{padding-bottom:72px;position:relative}.m-use-cases-title .m-use-cases-ghost{width:155px;height:195px;position:absolute;bottom:-8px;right:0;transform:rotate(9deg)}.m-use-cases-nav{flex-direction:column;display:flex}.m-use-cases-nav a{border-bottom:1px solid var(--m-line);justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.m-use-cases-nav strong,.m-use-cases-nav small{display:block}.m-use-cases-nav a>span{flex:1}.m-use-case-overview>.m-nav-icon-badge{margin-bottom:22px}.m-use-cases-nav strong{font-size:25px;line-height:1.2}.m-use-cases-nav small{color:var(--m-muted);margin-top:5px;font-size:17px}.m-use-cases-nav svg{flex-shrink:0;transition:transform .2s ease-out}.m-use-cases-nav a:hover>svg:last-child{transform:translateY(4px)}.m-use-cases-content section{border-top:1px solid var(--m-line);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(48px,8vw,120px);padding-block:56px;display:grid}.m-use-case-overview{align-self:start}.marketing .m-use-cases-content h2{text-wrap:pretty;max-width:13ch;font-size:clamp(36px,4vw,52px);line-height:1.08}.m-use-case-path{margin:40px 0 32px;padding:0;list-style:none}.m-use-case-path li{align-items:center;gap:16px;min-height:76px;font-size:18px;line-height:1.3;display:flex;position:relative}.m-use-case-path li:not(:last-child):after{content:"";background:var(--m-line);width:1px;height:34px;position:absolute;top:61px;left:23px}.m-use-case-path-node{background:var(--m-frame);border:1px solid var(--m-line);border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.m-use-case-path li:last-child .m-use-case-path-node{background:var(--m-yellow);border-color:#0000}.marketing .m-use-case-copy p{max-width:60ch;margin-bottom:24px;font-size:19px;line-height:1.7}.marketing .m-use-case-copy .m-use-case-lead{font-size:24px;line-height:1.5}.marketing .m-use-case-copy p:last-child{margin-bottom:0}.m-use-case-toggle{cursor:pointer;align-items:center;gap:10px;width:fit-content;min-height:44px;font-size:18px;font-weight:700;list-style:none;display:flex}.m-use-case-toggle:hover{text-underline-offset:5px;text-decoration:underline}.m-use-case-toggle::-webkit-details-marker{display:none}.m-use-case-read-less,.m-use-case-details[open] .m-use-case-read-more{display:none}.m-use-case-details[open] .m-use-case-read-less{display:inline}.m-use-case-toggle svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}.m-use-case-details[open] .m-use-case-toggle svg{transform:rotate(180deg)}.marketing details.m-use-case-details::details-content{opacity:1;height:auto;transition:none;overflow:visible}.m-use-case-expanded{padding-top:24px}@media (max-width:767px){.m-use-cases{padding:132px 24px 40px}.m-use-cases-hero,.m-use-cases-content section{grid-template-columns:minmax(0,1fr);gap:32px}.m-use-cases-hero{padding-bottom:56px}.m-use-cases-title{padding-bottom:12px}.marketing .m-use-cases-title h1{max-width:5ch;font-size:clamp(64px,16vw,100px)}.m-use-cases-title .m-use-cases-ghost{width:110px;height:140px;bottom:0}.m-use-cases-nav a{padding-block:16px}.m-use-cases-nav strong{font-size:23px}.m-use-cases-nav small{font-size:16px}.m-use-cases-content section{padding-block:48px}.m-use-case-overview{position:static}.marketing .m-use-cases-content h2{max-width:17ch}.m-use-case-path{margin-block:24px 0}.m-use-case-path li{min-height:66px;font-size:17px}.m-use-case-path li:not(:last-child):after{height:24px;top:56px}.marketing .m-use-case-copy p{font-size:17px;line-height:1.65}.marketing .m-use-case-copy .m-use-case-lead{font-size:21px}}@media (prefers-reduced-motion:reduce){.m-use-cases-nav svg,.m-use-case-toggle svg{transition:none}}