/* ============================================================
   FORTUNE TECHNOLOGIES — pages.css
   Page headers, breadcrumbs, industries, blog, misc
   ============================================================ */

/* ---------- page hero (inner pages) ---------- */
.page-hero{padding-block:calc(var(--band) - 40px) 64px;overflow:hidden;position:relative}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:26px;font-size:13px;color:var(--stone);letter-spacing:.24px}
.band-dark .breadcrumbs{color:var(--on-dark-mute)}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs svg{width:11px;height:11px;opacity:.6}
.page-hero h1{max-width:16ch}
.page-hero .body-lg{margin-top:24px;max-width:56ch;color:var(--mute)}
.band-dark .page-hero .body-lg{color:var(--on-dark-mute)}
.page-hero .btn-row{margin-top:36px}

/* ---------- industry cards ---------- */
.ind-card{display:flex;flex-direction:column;gap:14px;padding:28px}
.ind-card .ic-top{display:flex;align-items:center;justify-content:space-between}
.ind-card h3{font-size:19px}
.ind-card p{font-size:14.5px}
.ind-card .arrow-go{position:static;width:38px;height:38px;border:1px solid var(--hl-light);border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background-color .25s,color .25s,border-color .25s}
.ind-card:hover .arrow-go{background:var(--black);color:var(--on-dark);border-color:var(--black)}

/* ---------- industry detail blocks ---------- */
.ind-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding-block:72px;border-bottom:1px solid var(--hl-light)}
.ind-detail:last-of-type{border-bottom:0}
.ind-detail .ind-ico{
  width:56px;height:56px;border-radius:var(--r-md);
  background:rgba(73,79,223,.1);color:var(--primary);
  display:flex;align-items:center;justify-content:center;margin-bottom:22px;
}
.ind-detail h2{margin-bottom:14px}
.ind-detail .ind-desc{color:var(--mute)}
.ind-cols{display:grid;gap:32px}
.ind-cols h4{
  font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--stone);margin-bottom:14px;
}
.ind-cols ul{display:grid;gap:10px}
.ind-cols li{display:flex;gap:10px;font-size:15px;line-height:1.5;color:var(--charcoal)}
.ind-cols li svg{flex:none;margin-top:3px;color:var(--a-teal)}
@media (max-width:900px){.ind-detail{grid-template-columns:1fr;gap:36px}}

/* ---------- blog cards ---------- */
.post-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--stone);letter-spacing:.24px;margin-bottom:16px}
.post-art{height:190px;border-radius:var(--r-md);margin-bottom:24px;position:relative;overflow:hidden;background:var(--deep);border:1px solid var(--hl-dark)}
.post-art svg{position:absolute;inset:auto 0 0 0;width:100%}
.blog-card h3{font-size:21px;line-height:1.35}
.blog-card p{margin-top:10px;font-size:14.5px}
.band-dark .blog-card p{color:var(--on-dark-mute)}

/* ---------- article page ---------- */
.article-wrap{max-width:760px;margin-inline:auto;padding-block:72px}
.article-head .post-meta{justify-content:center;text-align:center;display:flex}
.article-head h1{text-align:center;max-width:20ch;margin-inline:auto}
.article-head .art-sub{text-align:center;margin-top:20px;color:var(--mute);font-size:17px;line-height:1.6}
.article-body{margin-top:52px;display:grid;gap:22px;font-size:17px;line-height:1.7;color:var(--body-c);letter-spacing:.1px}
.article-body h2{font-family:var(--font-display);font-weight:500;font-size:27px;letter-spacing:-.01em;margin-top:26px;color:var(--ink)}
.article-body h3{font-family:var(--font-display);font-weight:500;font-size:21px;margin-top:18px}
.article-body ul{list-style:none;display:grid;gap:10px}
.article-body ul li{display:flex;gap:12px}
.article-body ul li::before{content:"—";color:var(--primary);flex:none}
.article-body blockquote{
  border-left:2px solid var(--primary);padding:6px 0 6px 24px;
  font-family:var(--font-display);font-weight:500;font-size:21px;line-height:1.5;color:var(--ink);letter-spacing:-.01em;
}
.article-cta{margin-top:48px;border-radius:var(--r-lg);background:var(--soft);padding:36px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.article-cta h3{font-size:22px}

/* ---------- generic utility ---------- */
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-xl)}
.stat-big b{font-family:var(--font-display);font-weight:500;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.01em;display:block}
.stat-big span{color:var(--mute);font-size:14px;display:block;margin-top:8px}
.band-dark .stat-big span,.band-deep .stat-big span,.band-black .stat-big span{color:var(--on-dark-mute)}
@media (max-width:767px){.stat-strip{grid-template-columns:repeat(2,1fr)}}

.logo-wall{display:flex;flex-wrap:wrap;gap:12px}
.logo-chip{
  border:1px solid var(--hl-light);border-radius:var(--r-full);
  padding:12px 22px;font-weight:600;font-size:15px;letter-spacing:.24px;background:var(--white);color:var(--ink);
}

.check-list li{display:flex;gap:12px;align-items:flex-start}
.check-list svg{flex:none;margin-top:3px;color:var(--a-teal)}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media (max-width:1023px){.two-col{grid-template-columns:1fr}}

.legal-body{max-width:760px;padding-block:64px}
.legal-body h2{font-family:var(--font-display);font-weight:500;font-size:23px;margin:34px 0 12px}
.legal-body p,.legal-body li{color:var(--mute);line-height:1.7;font-size:15.5px}
.legal-body ul{list-style:disc;padding-left:22px;display:grid;gap:8px}
.legal-updated{color:var(--stone);font-size:13.5px;margin-bottom:8px}

/* contact info cards */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-xl);margin-bottom:64px}
.cc-item{display:flex;gap:16px;align-items:flex-start;padding:26px}
.cc-item .icon-tile{margin-bottom:0}
.cc-item b{display:block;margin-bottom:4px;font-size:16px}
.cc-item a,.cc-item span{color:var(--mute);font-size:14.5px}
.cc-item a:hover{color:var(--primary-deep)}
@media (max-width:1023px){.contact-cards{grid-template-columns:1fr}}