/* OrchLabs editorial and SEO content pages */
.editorialPage { background: #05060b; }
.editorialMain { min-height: 70vh; padding-top: calc(var(--header-h) + 26px); }
.editorialTopbar .topbarInner { gap: 24px; }
.editorialNav { margin-left: auto; }
.editorialNav a { white-space: nowrap; }
.breadcrumbs { padding: 18px 0 4px; color: var(--muted-2); font-size: 12px; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.breadcrumbs li { display: inline-flex; align-items: center; gap: 9px; }
.breadcrumbs li:not(:last-child)::after { content: "/"; color: rgba(255,255,255,.22); }
.breadcrumbs a { color: var(--muted); transition: color .2s ease; }
.breadcrumbs a:hover { color: var(--text); }
.breadcrumbs span { color: #aeb7c9; }

.editorialHero { padding: clamp(86px, 10vw, 150px) 0 clamp(92px, 11vw, 160px); border-bottom: 1px solid var(--line); }
.editorialHero.compactHero { min-height: 62vh; display: grid; align-items: center; }
.editorialHeroGrid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr); gap: clamp(60px, 8vw, 130px); align-items: end; }
.editorialHero h1, .articleHero h1 { max-width: 970px; font-size: clamp(52px, 7vw, 104px); line-height: .94; letter-spacing: -.067em; font-weight: 650; text-wrap: balance; }
.editorialLead { max-width: 790px; margin-top: 30px; color: var(--text-soft); font-size: clamp(18px, 1.65vw, 24px); line-height: 1.55; letter-spacing: -.018em; }
.editorialActions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 35px; }
.heroIndexPanel, .serviceSignal { border: 1px solid var(--line); border-radius: 24px; padding: 26px; background: linear-gradient(145deg, rgba(19,23,39,.8), rgba(7,9,17,.65)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.heroIndexPanel > span { display: block; margin-bottom: 55px; color: var(--blue); font-size: 13px; letter-spacing: .18em; }
.heroIndexPanel p { color: #b8c1d5; font-size: 15px; line-height: 1.65; }
.serviceSignal { display: grid; gap: 24px; }
.serviceSignal div + div { padding-top: 24px; border-top: 1px solid var(--line); }
.serviceSignal span { display: block; margin-bottom: 10px; color: var(--muted-2); font-size: 9px; letter-spacing: .16em; }
.serviceSignal b { display: block; color: #d7deec; font-size: 15px; line-height: 1.5; font-weight: 560; }

.editorialSection { padding: clamp(90px, 10vw, 150px) 0; border-bottom: 1px solid var(--line); }
.tonedSection { background: linear-gradient(180deg, rgba(18,23,39,.38), rgba(8,10,18,.08)); }
.editorialSectionHead { max-width: 890px; margin-bottom: clamp(45px, 6vw, 78px); }
.editorialSectionHead h2, .editorialSplit h2, .fitSplit h2, .editorialCta h2 { margin-top: 16px; font-size: clamp(38px, 5vw, 72px); line-height: 1.02; letter-spacing: -.057em; font-weight: 620; text-wrap: balance; }
.editorialSplit { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(55px, 9vw, 150px); align-items: start; }
.proseLarge p { color: #c2cadb; font-size: clamp(18px, 1.55vw, 23px); line-height: 1.7; letter-spacing: -.014em; }
.proseLarge p + p { margin-top: 25px; }
.narrowContent { max-width: 900px; }

.seoCardGrid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.seoCard { position: relative; min-height: 390px; padding: 31px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, rgba(16,20,34,.74), rgba(7,9,16,.55)); overflow: hidden; }
.seoCard::after { content:""; position:absolute; width:230px; aspect-ratio:1; right:-110px; top:-120px; border-radius:50%; background:var(--violet); filter:blur(100px); opacity:.055; }
.seoCardIndex { color: var(--blue); font-size: 11px; letter-spacing: .17em; }
.seoCard h2 { margin-top: 72px; font-size: clamp(30px, 3vw, 47px); line-height: 1.02; letter-spacing: -.05em; }
.seoCard h2 a { position: relative; z-index: 2; }
.seoCard > p { max-width: 540px; margin-top: 20px; color: var(--muted); font-size: 15px; line-height: 1.65; }
.textLink { display:inline-flex; gap:10px; align-items:center; margin-top:28px; color:#dbe4f5; font-size:13px; font-weight:600; }
.textLink i { color:var(--blue); font-style:normal; }

.outcomeGrid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border: 1px solid var(--line); border-radius: 24px; overflow: hidden; }
.outcomeGrid li { min-height: 230px; padding: 24px; border-right: 1px solid var(--line); background: rgba(7,9,16,.45); }
.outcomeGrid li:last-child { border-right: 0; }
.outcomeGrid span { color: var(--blue); font-size: 10px; letter-spacing: .18em; }
.outcomeGrid p { margin-top: 70px; color: #d5dceb; font-size: 16px; line-height: 1.5; }
.methodGrid, .valueGrid, .proofStages { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.methodGrid article, .valueGrid article, .proofStages article { min-height: 300px; padding: 26px; border: 1px solid var(--line); border-radius: 22px; background: rgba(10,13,23,.62); }
.methodGrid span, .valueGrid span, .proofStages span { color: var(--blue); font-size: 10px; letter-spacing: .18em; }
.methodGrid h3, .valueGrid h2, .proofStages h2 { margin-top: 65px; font-size: 27px; line-height: 1.1; letter-spacing: -.04em; }
.methodGrid p, .valueGrid p, .proofStages p { margin-top: 16px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.checkList { border-top: 1px solid var(--line); }
.checkList li { display: flex; gap: 17px; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid var(--line); color: #d6ddeb; font-size: 17px; }
.checkList i { color: var(--green); font-style: normal; }
.fitSplit { display:grid; grid-template-columns: minmax(0,1fr) minmax(330px,.7fr); gap:clamp(60px,8vw,120px); align-items:start; }
.plainList { margin-top: 40px; border-top:1px solid var(--line); }
.plainList li { padding:18px 0; border-bottom:1px solid var(--line); color:#c8d0df; }
.fitCta { padding: 33px; border:1px solid var(--line); border-radius:24px; background:rgba(13,16,27,.65); }
.fitCta p { color:var(--text-soft); line-height:1.7; }
.fitCta .button { margin-top:28px; }
.faqList { border-top:1px solid var(--line); }
.faqList details { border-bottom:1px solid var(--line); }
.faqList summary { display:flex; justify-content:space-between; gap:25px; padding:25px 0; cursor:pointer; color:#e6ebf5; font-size:19px; list-style:none; }
.faqList summary::-webkit-details-marker { display:none; }
.faqList summary i { color:var(--blue); font-style:normal; transition:transform .2s ease; }
.faqList details[open] summary i { transform:rotate(45deg); }
.faqList details p { max-width:760px; padding:0 0 27px; color:var(--muted); line-height:1.75; }
.relatedGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.relatedGrid a { position:relative; min-height:220px; padding:25px; border:1px solid var(--line); border-radius:22px; background:rgba(10,13,22,.56); }
.relatedGrid span { color:var(--muted-2); font-size:9px; letter-spacing:.14em; }
.relatedGrid h3 { max-width:90%; margin-top:55px; font-size:25px; line-height:1.1; letter-spacing:-.035em; }
.relatedGrid i { position:absolute; right:22px; top:22px; color:var(--blue); font-style:normal; }

.approachSteps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--line); border-radius:26px; overflow:hidden; }
.approachSteps article { min-height:360px; padding:34px; background:rgba(9,12,21,.55); border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.approachSteps article:nth-child(2n) { border-right:0; }
.approachSteps article:nth-last-child(-n+2) { border-bottom:0; }
.approachSteps span { color:var(--blue); font-size:11px; letter-spacing:.18em; }
.approachSteps h2 { margin-top:90px; font-size:clamp(34px,4vw,58px); letter-spacing:-.055em; line-height:1; }
.approachSteps p { max-width:490px; margin-top:20px; color:var(--muted); line-height:1.7; }
.editorialCta { padding:clamp(90px,10vw,150px) 0; text-align:center; }
.editorialCta .container { max-width:900px; }
.editorialCta p { max-width:700px; margin:22px auto 0; color:var(--muted); font-size:18px; line-height:1.7; }
.editorialCta .button { margin-top:32px; }
.factPanel { display:grid; grid-template-columns:.75fr 1fr auto; gap:50px; align-items:center; padding:42px; border:1px solid var(--line); border-radius:26px; background:rgba(10,13,23,.65); }
.factPanel img { width:220px; }
.factPanel li { padding:11px 0; color:#c8d0df; border-bottom:1px solid var(--line); }
.artifactList { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.artifactList li { min-height:180px; padding:24px; border:1px solid var(--line); border-radius:20px; background:rgba(7,9,16,.48); }
.artifactList span { display:block; color:var(--blue); font-size:10px; letter-spacing:.17em; }
.artifactList b { display:block; margin-top:70px; color:#d9dfec; font-size:17px; font-weight:580; }

.articleGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.articleCard { min-height:370px; padding:30px; border:1px solid var(--line); border-radius:23px; background:linear-gradient(145deg,rgba(16,20,34,.68),rgba(7,9,16,.5)); }
.articleCard > p:first-child { color:var(--muted-2); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.articleCard h2 { margin-top:65px; font-size:clamp(29px,3.1vw,45px); line-height:1.05; letter-spacing:-.05em; }
.articleCard > p:nth-of-type(2) { margin-top:20px; color:var(--muted); line-height:1.65; }
.articleHero { padding:clamp(90px,11vw,170px) 0 clamp(70px,9vw,120px); border-bottom:1px solid var(--line); }
.articleWidth { max-width:1000px; }
.articleHero h1 { margin-top:20px; }
.articleIntro { max-width:850px; margin-top:32px; color:var(--text-soft); font-size:clamp(20px,2vw,27px); line-height:1.55; }
.articleMeta { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:35px; color:var(--muted-2); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.articleLayout { display:grid; grid-template-columns:230px minmax(0,720px); justify-content:center; gap:80px; padding-top:100px; padding-bottom:120px; }
.articleAside { position:sticky; top:120px; align-self:start; border-left:1px solid var(--line); padding-left:22px; }
.articleAside > p { color:var(--muted-2); font-size:9px; letter-spacing:.16em; text-transform:uppercase; }
.articleAside ol { margin-top:20px; }
.articleAside li + li { margin-top:13px; }
.articleAside a { color:var(--muted); font-size:12px; line-height:1.45; }
.articleAside a:hover { color:var(--text); }
.articleBody section { position:relative; scroll-margin-top:120px; }
.articleBody section + section { margin-top:85px; padding-top:85px; border-top:1px solid var(--line); }
.articleSectionNumber { color:var(--blue); font-size:10px; letter-spacing:.16em; }
.articleBody h2 { margin-top:15px; font-size:clamp(33px,4vw,52px); line-height:1.05; letter-spacing:-.052em; }
.articleBody p { margin-top:25px; color:#bbc4d6; font-size:18px; line-height:1.82; }
.takeawayBox { margin-top:90px; padding:34px; border:1px solid rgba(143,220,255,.22); border-radius:22px; background:rgba(15,24,38,.55); }
.takeawayBox > p { margin:0; color:var(--blue); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.takeawayBox ul { margin-top:20px; }
.takeawayBox li { position:relative; padding:12px 0 12px 20px; color:#d3daea; border-bottom:1px solid var(--line); }
.takeawayBox li:last-child { border-bottom:0; }
.takeawayBox li::before { content:"+"; position:absolute; left:0; color:var(--green); }

/* SEO footer expansion */
.footer { padding:70px 0 34px; border-top:1px solid var(--line); }
.footerSeoGrid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:50px; padding-bottom:55px; }
.footerIdentity p { max-width:270px; margin-top:20px; color:var(--muted); font-size:14px; }
.footerIdentity > a { display:inline-block; margin-top:17px; color:#dce4f4; font-size:13px; }
.footerLinkGroup { display:flex; flex-direction:column; gap:9px; }
.footerLinkGroup > p { margin-bottom:10px; color:#647086; font-size:9px; letter-spacing:.16em; text-transform:uppercase; }
.footerLinkGroup a { color:#aeb7c8; font-size:12px; transition:color .2s ease; }
.footerLinkGroup a:hover { color:#fff; }
.footerBottom { display:flex; align-items:end; justify-content:space-between; gap:30px; padding-top:26px; border-top:1px solid var(--line); }
.footerBottom .footerMeta { text-align:left; }

@media (max-width: 1080px) {
  .editorialHeroGrid, .editorialSplit, .fitSplit { grid-template-columns:1fr; }
  .heroIndexPanel, .serviceSignal { max-width:640px; }
  .outcomeGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .outcomeGrid li { border-bottom:1px solid var(--line); }
  .outcomeGrid li:nth-child(2n) { border-right:0; }
  .outcomeGrid li:last-child { grid-column:1/-1; border-bottom:0; }
  .methodGrid, .valueGrid, .proofStages { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .articleLayout { grid-template-columns:minmax(0,760px); gap:0; }
  .articleAside { display:none; }
  .footerSeoGrid { grid-template-columns:1.4fr repeat(2,1fr); }
  .footerLinkGroup:last-child { grid-column:2; }
}

@media (max-width: 760px) {
  .editorialMain { padding-top:var(--header-h); }
  .breadcrumbs { padding-top:12px; }
  .editorialHero { padding:72px 0 90px; }
  .editorialHero h1, .articleHero h1 { font-size:clamp(43px,13vw,66px); }
  .editorialLead { font-size:17px; }
  .seoCardGrid, .articleGrid, .relatedGrid, .artifactList { grid-template-columns:1fr; }
  .seoCard { min-height:330px; padding:24px; }
  .seoCard h2 { margin-top:50px; }
  .outcomeGrid { grid-template-columns:1fr; }
  .outcomeGrid li, .outcomeGrid li:nth-child(2n) { min-height:180px; border-right:0; border-bottom:1px solid var(--line); }
  .outcomeGrid li:last-child { grid-column:auto; }
  .outcomeGrid p { margin-top:45px; }
  .methodGrid, .valueGrid, .proofStages, .approachSteps { grid-template-columns:1fr; }
  .methodGrid article, .valueGrid article, .proofStages article { min-height:255px; }
  .approachSteps article, .approachSteps article:nth-child(n) { min-height:300px; border-right:0; border-bottom:1px solid var(--line); }
  .approachSteps article:last-child { border-bottom:0; }
  .approachSteps h2 { margin-top:60px; }
  .factPanel { grid-template-columns:1fr; gap:30px; padding:28px; }
  .articleHero { padding:80px 0 70px; }
  .articleLayout { padding-top:70px; padding-bottom:90px; }
  .articleBody p { font-size:17px; line-height:1.75; }
  .articleBody section + section { margin-top:65px; padding-top:65px; }
  .footerSeoGrid { grid-template-columns:1fr 1fr; gap:38px 22px; }
  .footerIdentity { grid-column:1/-1; }
  .footerLinkGroup:last-child { grid-column:auto; }
}

@media (max-width: 480px) {
  .editorialActions { flex-direction:column; }
  .editorialActions .button { width:100%; justify-content:center; }
  .footerSeoGrid { grid-template-columns:1fr; }
  .footerIdentity, .footerLinkGroup:last-child { grid-column:auto; }
  .footerBottom { align-items:flex-start; }
}
.contactSteps { border-top:1px solid var(--line); }
.contactSteps li { display:grid; grid-template-columns:52px 1fr; gap:18px; align-items:start; padding:22px 0; border-bottom:1px solid var(--line); }
.contactSteps span { color:var(--blue); font-size:10px; letter-spacing:.16em; }
.contactSteps p { color:#d3daea; font-size:17px; line-height:1.55; }