:root {
  --detail-surface: var(--panel);
  --detail-border: var(--line);
  --detail-text: var(--cyan);
  --detail-muted: #b3b3bc;
  --detail-advantage: #7ff3b5;
  --detail-advantage-line: #2ee07f55;
  --detail-advantage-surface: #103422;
}
.detail-expanded h2,.detail-expanded h3,.detail-use-cases h2,.detail-faq h2 {letter-spacing:0}
.detail-expanded .heading {max-width:760px}
.detail-expanded .include-item p {color:var(--detail-muted);font-size:14px;line-height:1.85}
.detail-expanded .include-item h3 {font-size:18px;line-height:1.4;color:var(--detail-text)}
.detail-inheritance {margin-top:42px;padding:26px 0;border-top:1px solid var(--detail-border)}
.detail-inheritance h3,.detail-advantages h3 {font-size:26px;margin:12px 0;line-height:1.3}
.detail-inheritance p,.detail-advantages p {max-width:740px;font-size:14px;line-height:1.8}
.detail-carried {margin-top:0}
.detail-advantages {padding:30px 0 12px;margin-top:42px;border-top:1px solid var(--detail-advantage-line)}
.detail-advantages .eyebrow,.detail-advantages h3 {color:var(--detail-advantage)}
.detail-advantages .eyebrow:before {background:var(--detail-advantage);animation:detail-glimmer 3s ease-in-out infinite}
.detail-expanded .detail-exclusive {border-color:var(--detail-advantage-line)}
.detail-expanded .detail-exclusive h3 {color:var(--detail-advantage)}
.detail-exclusive .included-check {background:var(--detail-advantage-surface);border-color:var(--detail-advantage-line);color:var(--detail-advantage)}
.detail-exclusive:hover .included-check {transform:rotate(90deg);transition:transform .4s}
.detail-use-cases {border-bottom:1px solid var(--detail-border)}
.detail-use-cases .detail-benefit p {font-size:14px;color:var(--detail-muted);line-height:1.8}
.detail-faq {background:var(--detail-surface);border-top:1px solid var(--detail-border)}
.detail-faq .faqgrid {grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:65px}
.detail-faq .button {margin-top:18px;white-space:normal;text-align:center}
.detail-faq summary {font-size:15px;line-height:1.5}
.detail-faq details p {font-size:14px;line-height:1.85;color:var(--detail-muted);padding-right:0}
.detail-faq summary:after {flex-shrink:0}
@keyframes detail-glimmer {50%{opacity:.4;transform:scaleX(.7)}}
@media(max-width:680px) {
  .detail-faq .faqgrid {grid-template-columns:minmax(0,1fr);gap:30px}
  .detail-expanded .include-item {gap:12px}
  .detail-expanded .include-item h3 {font-size:17px}
  .detail-inheritance h3,.detail-advantages h3 {font-size:23px}
  .detail-expanded .eyebrow {flex-wrap:wrap;line-height:1.6;letter-spacing:0}
}