.resource-page[hidden]{display:none!important}.resource-page{border-top:1px solid var(--line);padding-top:55px;padding-bottom:60px}.resource-back{margin-bottom:30px}.resource-heading{max-width:820px;margin-bottom:35px}.resource-heading h2{font-size:clamp(30px,3.5vw,48px);line-height:1.2;margin:17px 0 22px}.resource-heading p,.resource-page>p{font-size:16px;line-height:1.9;max-width:950px}.resource-page>h3{font-size:26px;letter-spacing:-.6px;margin:45px 0 18px}.resource-metrics,.resource-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.resource-metrics>div,.resource-pricing>article,.resource-grid>article{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.resource-metrics strong{display:block;font:550 26px 'Manrope',sans-serif;color:#a9bafa}.resource-metrics span{display:block;color:var(--muted);font-size:14px;margin-top:8px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:25px 0}.resource-grid h3,.resource-grid h4{font:550 19px/1.4 'Manrope',sans-serif;margin:0 0 12px}.resource-grid p{font-size:15px;line-height:1.85;margin:0}.resource-grid a{margin-top:18px}.resource-pricing>article{background:linear-gradient(140deg,#161f38,#121222);border-color:#4b4769}.resource-pricing h4{font:550 30px 'Manrope';margin:16px 0}.resource-pricing small{font:14px 'DM Sans';color:var(--muted)}.resource-pricing>article>span{font-size:14px;color:#b0a4ec}.resource-pricing .button{margin-top:15px}.resource-video{display:block;width:100%;aspect-ratio:16/9;background:#050812;border:1px solid #595278;border-radius:12px;margin:25px 0;object-fit:contain}.resource-cta{margin-top:45px;padding:28px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(110deg,#1a254033,#56284b22);display:flex;align-items:center;justify-content:space-between;gap:20px}.resource-cta h3{font-size:23px;font-weight:550;margin:0}.resource-prose{max-width:850px;margin:auto;font-size:17px;line-height:1.9}.resource-prose h2{font-size:clamp(27px,3vw,40px);margin:35px 0 23px;line-height:1.3}.resource-prose h3{font-size:25px;font-weight:550;line-height:1.4;margin:35px 0 17px}.resource-prose p{margin:18px 0}.resource-prose li{color:var(--muted);margin:8px 0}.resource-prose strong{color:var(--text)}.resource-prose .button{margin-top:20px}.resource-page>article{padding:25px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.resource-page>article h3{font-size:25px;font-weight:550;max-width:850px;margin:0 0 15px}.resource-page>article p{font-size:16px;line-height:1.8}.resource-page>article a{margin-top:10px}html[data-theme=light] .resource-metrics strong{color:#475ba5}html[data-theme=light] .resource-pricing>article{background:linear-gradient(140deg,#f5f9ff,#f5effb);border-color:#c4c6e1}html[data-theme=light] .resource-pricing>article>span{color:#6b5799}@media(max-width:760px){.resource-grid,.resource-pricing,.resource-metrics{grid-template-columns:1fr}.resource-metrics{gap:10px}.resource-metrics>div{padding:20px}.resource-page{padding-top:35px}.resource-cta{display:block}.resource-cta .button{margin-top:20px}.resource-prose{font-size:16px}.resource-prose h3{font-size:22px}.resource-heading h2{font-size:30px}}

.resource-disclosure{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}
.resource-disclosure>summary{padding:28px;cursor:pointer;list-style:none;transition:background .2s}
.resource-disclosure>summary::-webkit-details-marker{display:none}
.resource-disclosure>summary:hover{background:#8575db0c}
.resource-disclosure>summary:focus-visible{outline:2px solid #8575db;outline-offset:-4px;border-radius:14px}
.disclosure-title{display:block;font:550 clamp(23px,3vw,36px)/1.3 'Manrope',sans-serif;max-width:900px;margin:16px 0}
.disclosure-intro{display:block;color:var(--muted);line-height:1.8;max-width:850px}
.disclosure-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;font-weight:600}
.disclosure-icon{font-size:27px;font-weight:400;transition:transform .2s}
.resource-disclosure[open] .disclosure-icon{transform:rotate(45deg)}
.resource-disclosure .when-open,.resource-disclosure[open] .when-closed{display:none}
.resource-disclosure[open] .when-open{display:inline}
.resource-disclosure>.resource-prose{padding:12px 28px 32px;border-top:1px solid var(--line)}
@media(max-width:640px){.resource-disclosure>summary{padding:20px}.resource-disclosure>.resource-prose{padding:8px 20px 24px}}
