/* Distill Works design system, INDUSTRY detail pages (41). With ds-core. Scoped to body.page-industry.
 * Styles the existing template classes; markup is preserved, only head + cleanup change per page. */

/* hero (2-col: copy + keyword-demand card) */
body.page-industry .ind-hero{padding:48px 0 54px; border-bottom:1px solid var(--hair);}
body.page-industry .ind-hero-content{display:grid; grid-template-columns:1.15fr .85fr; gap:50px; align-items:start;}
body.page-industry .ind-hero h1{font-size:clamp(32px,4.2vw,48px); line-height:1.08; margin:0 0 22px;}
body.page-industry .ind-hero h1 .highlight{color:var(--green); font-style:italic;}
body.page-industry .ind-hero .hero-subtitle{font-size:17px; color:var(--ink-soft); margin:0 0 28px;}
body.page-industry .ind-hero-cta{display:flex; gap:20px; align-items:center; flex-wrap:wrap;}
body.page-industry .btn-primary{display:inline-block; background:var(--green); color:#f3f1e8; padding:13px 24px; border-radius:3px; font-size:14.5px; font-weight:600; text-decoration:none;}
body.page-industry .btn-primary:hover{background:var(--green-d);}
body.page-industry .btn-secondary{display:inline-block; color:var(--ink); font-size:14.5px; font-weight:600; border-bottom:1.5px solid var(--green); padding-bottom:2px; text-decoration:none;}
body.page-industry .keyword-preview-card{border:1px solid var(--hair); border-radius:8px; background:var(--card); overflow:hidden;}
body.page-industry .keyword-preview-header{padding:13px 18px; border-bottom:1px solid var(--hair); background:var(--paper2); font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); font-weight:600;}
body.page-industry .keyword-row{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 18px; border-bottom:1px solid var(--hair); font-size:13.5px;}
body.page-industry .keyword-query{color:var(--ink-soft);}
body.page-industry .keyword-vol{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--green); flex:0 0 auto;}
body.page-industry .keyword-preview-footer{padding:13px 18px; font-size:12.5px; color:var(--muted);}

/* prose sections */
body.page-industry .ind-section{border-top:1px solid var(--hair); padding:62px 0;}
body.page-industry .ind-section:first-of-type{border-top:0;}
body.page-industry .ind-content{max-width:1000px; margin:0 auto;}
body.page-industry .ind-content > h2{font-size:clamp(23px,2.8vw,31px); line-height:1.22; margin:0 0 24px; max-width:34ch;}
body.page-industry .ind-content > p{font-size:16px; color:var(--ink-soft); margin:0 0 16px; max-width:80ch;}

/* features grid (website features / seo content) */
body.page-industry .features-grid,
body.page-industry .how-parts,
body.page-industry .roi-grid{display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:8px;}
body.page-industry .features-col h3,
body.page-industry .how-part h3{font-size:16px; color:var(--green); margin:0 0 16px; text-transform:uppercase; letter-spacing:.06em;}
body.page-industry .features-col ul,
body.page-industry .how-part ol{margin:0; padding-left:20px;}
body.page-industry .features-col li,
body.page-industry .how-part li{font-size:14.5px; color:var(--ink-soft); margin-bottom:12px; line-height:1.5;}
body.page-industry .features-col li strong,
body.page-industry .how-part li strong{color:var(--ink);}

/* roi cards */
body.page-industry .roi-card{border:1px solid var(--hair); border-radius:8px; padding:28px 26px; background:var(--card);}
body.page-industry .roi-card h3{font-size:18px; margin:0 0 12px;}
body.page-industry .roi-card p{font-size:15px; color:var(--ink-soft); margin:0 0 12px;}
body.page-industry .roi-card p:last-child{margin-bottom:0;}

/* client proof */
body.page-industry .client-proof{background:var(--paper2); border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); padding:60px 0;}
body.page-industry .client-proof-header{text-align:center; margin-bottom:34px;}
body.page-industry .client-proof-header h2{font-size:clamp(23px,2.7vw,30px); margin-bottom:8px;}
body.page-industry .client-proof-header p{font-size:15px; color:var(--muted);}
body.page-industry .client-proof-quote{max-width:760px; margin:0 auto 36px; padding-left:30px; border-left:1px solid var(--hair);}
body.page-industry .client-proof-quote blockquote{font-family:'Spectral',serif; font-style:italic; font-weight:500; font-size:20px; line-height:1.4; margin:0 0 12px;}
body.page-industry .client-proof-quote cite{font-style:normal; font-size:13.5px; color:var(--muted);}
body.page-industry .client-proof-quote cite a{color:var(--green); font-weight:600; margin-left:6px;}
body.page-industry .client-proof-metrics{display:flex; justify-content:center; gap:26px; flex-wrap:wrap;}
body.page-industry .client-proof-card{border:1px solid var(--hair); border-radius:8px; padding:24px 30px; background:var(--card); text-align:center;}
body.page-industry .client-proof-card-label{display:block; font-size:12.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:16px;}
body.page-industry .client-proof-card-stats{display:flex; gap:30px; justify-content:center;}
body.page-industry .client-proof-stat-value{display:block; font-family:'Spectral',serif; font-size:28px; color:var(--green); line-height:1;}
body.page-industry .client-proof-stat-label{display:block; font-size:12px; color:var(--muted); margin-top:6px;}

/* faq accordion (existing .faq-item h3 + p toggled .active) */
body.page-industry .ind-faq{padding:64px 0; border-top:1px solid var(--hair);}
body.page-industry .ind-faq h2{font-size:clamp(24px,2.8vw,32px); margin-bottom:28px;}
body.page-industry .faq-item{border-top:1px solid var(--hair);}
body.page-industry .faq-item:last-child{border-bottom:1px solid var(--hair);}
body.page-industry .faq-item h3{font-family:'Spectral',serif; font-weight:500; font-size:18px; margin:0; padding:20px 0; cursor:pointer; display:flex; gap:12px; align-items:baseline;}
body.page-industry .faq-item h3::before{content:"+"; color:var(--green); font-weight:400;}
body.page-industry .faq-item.active h3::before{content:"\2013";}
body.page-industry .faq-item p{display:none; font-size:15px; color:var(--ink-soft); max-width:80ch; padding:0 24px 22px;}
body.page-industry .faq-item.active p{display:block;}

/* proof strip */
body.page-industry .proof-strip{background:var(--paper2); border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); padding:58px 0; text-align:center;}
body.page-industry .proof-strip h2{font-size:clamp(23px,2.7vw,30px); margin-bottom:16px;}
body.page-industry .proof-strip-inner > p{font-size:16px; color:var(--ink-soft); max-width:72ch; margin:0 auto 32px;}
body.page-industry .proof-metrics{display:flex; justify-content:center; gap:56px; flex-wrap:wrap;}
body.page-industry .metric-number{display:block; font-family:'Spectral',serif; font-size:32px; color:var(--green); line-height:1;}
body.page-industry .metric-label{display:block; font-size:13px; color:var(--muted); margin:8px auto 0; max-width:18ch;}

/* cta + callback form */
body.page-industry .ind-cta{padding:64px 0; text-align:center;}
body.page-industry .ind-cta > .container > h2{font-size:clamp(24px,2.8vw,32px); margin-bottom:10px;}
body.page-industry .cta-subtitle{font-size:16.5px; color:var(--ink-soft); max-width:54ch; margin:0 auto 30px;}
body.page-industry .callback-form-wrapper{max-width:620px; margin:0 auto;}
body.page-industry .callback-form-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px;}
body.page-industry .callback-form input,
body.page-industry .callback-form select{width:100%; background:var(--card); border:1px solid var(--hair); border-radius:4px; padding:13px 15px; font-family:inherit; font-size:15px; color:var(--ink);}
body.page-industry .callback-form input:focus,
body.page-industry .callback-form select:focus{outline:none; border-color:var(--green); box-shadow:0 0 0 3px rgba(47,125,87,.12);}
body.page-industry .callback-submit{background:var(--green); color:#f3f1e8; border:0; border-radius:4px; padding:14px 30px; font-size:15px; font-weight:600; cursor:pointer;}
body.page-industry .callback-submit:hover{background:var(--green-d);}
body.page-industry .callback-success{padding:24px; text-align:center;}
body.page-industry .callback-success h3{font-size:20px; margin-bottom:8px;}
body.page-industry .ind-cta-explore{margin-top:26px; font-size:15px; color:var(--ink-soft);}
body.page-industry .cross-links{margin-top:26px; padding-top:24px; border-top:1px solid var(--hair); font-size:14px; color:var(--muted);}
body.page-industry .cross-links p{margin:0 0 6px;}

@media (max-width:880px){
  body.page-industry .ind-hero-content,
  body.page-industry .features-grid,
  body.page-industry .how-parts,
  body.page-industry .roi-grid,
  body.page-industry .callback-form-grid{grid-template-columns:1fr; gap:28px;}
  body.page-industry .proof-metrics{gap:30px;}
}