/* BrandPOD: ClarityPOD's headline / paragraph / action composition.
   Four text roles: display, chapter, body and utility. Original SVG art is unchanged. */
.brandpod-r2{--section-space:64px;--gap:clamp(40px,6.667vw,96px);--pod-chapter:50px;--pod-body:20px;--pod-body-leading:30px;--pod-utility:16px;--pod-utility-leading:24px}
body.brandpod-r2{font-size:var(--pod-body);line-height:var(--pod-body-leading)}
.site-header .brandmark.okto-product-name{font-size:36.8px;line-height:52px}
.site-header .desktop-nav{gap:28px}
.site-header .desktop-nav>a:not(.button){font-size:var(--pod-utility);line-height:var(--pod-utility-leading)}
.button,.button.okto-action{font-size:18px;line-height:28px}
.site-header .desktop-nav .button{font-size:var(--pod-utility);line-height:var(--pod-utility-leading)}
.site-header .mobile-menu>a:not(.button){display:flex;align-items:center;min-height:44px}
.brandpod-r2 .opening{padding-block:clamp(32px,5svh,64px) 48px}
.opening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:center}
.opening-copy{display:flex;flex-direction:column;align-items:flex-start;gap:32px;min-width:0;container-type:inline-size}
.opening h1{font-size:min(100px,13cqw);line-height:1.02;font-weight:700;letter-spacing:-.04em;white-space:nowrap;text-wrap:nowrap}
.opening-body{max-width:48ch;font-size:var(--pod-body);line-height:var(--pod-body-leading);font-weight:200}
.opening-art{margin:0;width:100%;min-width:0;justify-self:center}
.hero-system-art{width:100%}
.hero-system-art>svg{display:block;width:100%;height:auto}
.hero-system-narrow{display:none}
.opening-art>figcaption{margin-top:8px;text-align:center}
.opening-art figcaption>small,.scope-note,.contact-hint{display:block;font-size:var(--pod-utility);line-height:var(--pod-utility-leading);font-weight:200;color:var(--muted);letter-spacing:0}
.brandpod-r2 :is(.capabilities,.build)>.container{border-top:1px solid var(--line);padding-top:40px}
.brandpod-r2 h2{font-size:var(--pod-chapter);line-height:1.08;font-weight:700;letter-spacing:-.04em;text-wrap:balance}
.capabilities h2{margin-bottom:40px}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.brandpod-r2 h3{font-size:var(--pod-body);line-height:var(--pod-body-leading);font-weight:700;letter-spacing:-.02em;text-wrap:balance}
.capability>p,.build-steps p{margin-top:16px;font-size:var(--pod-body);line-height:var(--pod-body-leading);max-width:40ch}
.build-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:start}
.build-intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px;scroll-margin-top:32px}
.build-intro>p{max-width:43ch}
.build-steps{list-style:none;padding:0;margin:0}
.build-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.build-steps li:first-child{padding-top:0;border-top:0}
.build-steps li>span{font-size:var(--pod-utility);line-height:var(--pod-body-leading);font-weight:200;color:var(--muted);letter-spacing:0}
.scope-note{margin-top:24px;max-width:42ch;scroll-margin-top:32px}
.brandpod-r2 .footer-powered,.brandpod-r2 .footer-legal{font-size:var(--pod-utility);line-height:var(--pod-utility-leading);letter-spacing:0;text-transform:none}
.brandpod-r2 .site-footer{margin-top:0}
@media(max-width:1200px){.brandpod-r2{--pod-chapter:44px}.opening-copy{gap:28px}}
@media(max-width:1000px){.brandpod-r2{--pod-chapter:36px}.opening-grid{gap:40px}.capability-grid{gap:24px}}
@media(max-width:760px){.brandpod-r2{--section-space:48px;--pod-chapter:30px}.opening-grid{grid-template-columns:minmax(0,1fr);gap:40px}.brandpod-r2 .opening{padding-block:32px 24px}.opening-copy{gap:24px}.opening h1{font-size:min(76px,13cqw)}.opening-art{max-width:560px}.capability-grid,.build-layout{grid-template-columns:minmax(0,1fr);gap:32px}.capability>p{max-width:48ch}.brandpod-r2 :is(.capabilities,.build)>.container{padding-top:32px}.capabilities h2{margin-bottom:32px}}
@media(max-width:600px){.brandpod-r2{--pod-body:16px;--pod-body-leading:24px;--pod-utility:14px;--pod-utility-leading:20px}.opening h1{font-size:13cqw}.opening-copy{gap:24px}.opening-body{max-width:44ch}.button,.button.okto-action{font-size:16px;line-height:24px;min-height:56px}.site-header .brandmark.okto-product-name{font-size:30px;line-height:46.5px}.hero-system-wide{display:none}.hero-system-narrow{display:block}.opening-art{max-width:400px}.brandpod-r2 h3{font-size:var(--pod-body)}.capability>p,.build-steps p{margin-top:12px}.build-steps li{gap:16px}.site-header .mobile-menu{font-size:var(--pod-body);line-height:var(--pod-body-leading)}}