/* =============================================================
   ADDEND ANALYTICS - MERGED LEGACY STYLESHEET
   Rebuilt from addend-theme 2 split CSS files in original enqueue order.
   ============================================================= */


/* ===== main.css ===== */
/* Addend Analytics — Component Styles */

/* NAV */
.addend-nav{position:fixed;top:0;left:0;right:0;z-index:200;height:72px;background:rgba(250,248,244,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.nav-left{display:flex;align-items:center;gap:48px}
.nav-logo img,.nav-logo .custom-logo{height:36px;width:auto}
.nav-logo-text{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--navy)}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{font-size:13px;font-weight:400;color:var(--slate);letter-spacing:0.3px;transition:color .2s}
.nav-links a:hover{color:var(--navy)}
.nav-right{display:flex;align-items:center;gap:20px}
.nav-phone{font-size:12px;font-weight:500;color:var(--slate-light);font-family:var(--font-mono);letter-spacing:0.5px}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--navy);transition:transform .3s,opacity .3s}

/* HERO CAROUSEL */
.hero-carousel{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;margin-top:72px}
.slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transition:opacity .9s ease;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(0.38);transition:transform 8s ease}
.slide.active .slide-bg{transform:scale(1.04)}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,26,53,0.88) 40%,rgba(12,26,53,0.2) 100%)}
.slide-content{position:relative;z-index:2;padding:0 6vw;max-width:960px}
.slide-tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--orange-light);border-bottom:1px solid var(--orange);padding-bottom:3px;margin-bottom:28px}
.slide-content h1{font-family:var(--font-serif);font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.08;color:var(--white);margin-bottom:24px}
.slide-divider{width:48px;height:2px;background:var(--orange);margin-bottom:28px}
.slide-content .caption{font-size:clamp(16px,2vw,20px);font-weight:300;color:rgba(255,255,255,0.75);line-height:1.7;max-width:520px;margin-bottom:12px}
.slide-content .sub{font-size:14px;color:rgba(255,255,255,0.8);line-height:1.75;max-width:500px;margin-bottom:36px}
.slide-actions{display:flex;gap:16px;flex-wrap:wrap}
.carousel-dots{position:absolute;bottom:36px;left:6vw;z-index:10;display:flex;gap:10px;align-items:center}
.dot{width:28px;height:3px;background:rgba(255,255,255,0.25);cursor:pointer;transition:background .3s,width .3s;border:none;padding:0}
.dot.active{background:var(--orange);width:44px}
.carousel-arrows{position:absolute;bottom:28px;right:6vw;z-index:10;display:flex;gap:8px}
.carousel-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,0.2);background:rgba(12,26,53,0.5);color:rgba(255,255,255,0.7);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;backdrop-filter:blur(4px)}
.carousel-arrow:hover{background:var(--orange);border-color:var(--orange);color:var(--white)}

/* INTRO */
.intro-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.intro-h3{font-family:var(--font-sans);font-size:17px;font-weight:300;color:var(--slate);line-height:1.85;margin:16px 0 20px}
.intro-right{background:var(--navy);padding:52px 48px;position:relative}
.intro-bg-dot{position:absolute;top:0;right:0;background-image:radial-gradient(rgba(255,94,0,0.12) 1px,transparent 1px);background-size:16px 16px;width:120px;height:120px}
.intro-right-label{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--orange-light);margin-bottom:32px}
.intro-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,0.07)}
.intro-stat{background:var(--navy);padding:28px 24px;border-right:1px solid rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.07)}
.intro-stat-val{font-family:var(--font-serif);font-size:38px;font-weight:700;color:var(--white);line-height:1}
.intro-stat-label{font-size:16px;color:rgba(255,255,255,0.4);margin-top:8px;letter-spacing:0.5px}

/* TRUSTED BAR */
.trusted-bar{background:var(--cream);padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trusted-label{font-family:var(--font-serif);font-size:clamp(22px,3vw,34px);font-weight:700;color:var(--navy);margin-bottom:28px;text-align:center;letter-spacing:-0.2px;text-transform:none}
.logos-row{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;align-items:center}
.logo-item{font-family:var(--font-serif);font-size:15px;font-weight:700;color:var(--line-strong);letter-spacing:0.5px}

/* PROBLEM */
.problem-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:64px}
.problem-stat{background:var(--white);padding:40px 32px;text-align:center}
.p-stat-num{font-family:var(--font-serif);font-size:48px;font-weight:700;color:var(--orange);line-height:1;margin-bottom:12px}
.p-stat-label{font-size:14px;color:var(--slate);line-height:1.7;max-width:200px;margin:0 auto}
.problem-callout{background:var(--navy);padding:48px 52px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin-top:40px}
.problem-callout p{font-size:15px;color:rgba(255,255,255,0.55);line-height:1.85}
.problem-callout strong{display:block;font-family:var(--font-serif);font-size:24px;color:var(--white);margin-bottom:12px}
.problem-callout.home-callout-bg{background:linear-gradient(rgba(12,26,53,0.88),rgba(12,26,53,0.88)),url('https://addendanalytics.com/wp-content/uploads/2026/05/turndatatodec.jpeg') center/cover no-repeat}

/* HOW */
.how-highlight{font-size:18px;font-weight:400;color:var(--navy);line-height:1.75;border-left:3px solid var(--orange);padding-left:24px;margin-bottom:48px;font-style:italic}
.how-highlight strong{font-style:normal;color:var(--orange)}
.how-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.how-num{font-family:var(--font-mono);font-size:11px;color:var(--slate-light);letter-spacing:2px;margin-bottom:20px}
.how-cards .addend-card h3{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--navy);margin-bottom:12px}
.how-cards .addend-card p{font-size:14px;color:var(--slate);line-height:1.8}

/* SERVICES */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.cap-grid .addend-card{border:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.cap-num{font-family:var(--font-mono);font-size:11px;color:var(--slate-light);letter-spacing:2px;margin-bottom:20px}
.cap-grid .addend-card h3{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--navy);margin-bottom:12px}
.cap-grid .addend-card p{font-size:14px;color:var(--slate);line-height:1.75}
.cap-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--orange);margin-top:24px;transition:gap .2s}
.cap-grid .addend-card:hover .cap-link{gap:10px}

/* INDUSTRIES */
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.08)}
.industry-tile{background:var(--navy);padding:44px 36px;position:relative;overflow:hidden;transition:background .25s}
.industry-tile:hover{background:var(--navy-mid)}
.industry-num{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,0.2);letter-spacing:2px;margin-bottom:20px}
.industry-tile h3{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--white);margin-bottom:12px}
.industry-tile p{font-size:14px;color:rgba(255,255,255,0.8);line-height:1.8}
.industry-accent{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange) 0%,transparent 100%);opacity:0;transition:opacity .3s}
.industry-tile:hover .industry-accent{opacity:1}

/* TRUST */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:56px}
.trust-item{padding:48px 36px;border-right:1px solid var(--line);position:relative;overflow:hidden;transition:background .25s}
.trust-item:last-child{border-right:0}
.trust-item:hover{background:var(--cream)}
.trust-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.trust-item:hover::before{transform:scaleX(1)}
.trust-icon-wrap{width:48px;height:48px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:28px;background:var(--white)}
.trust-num{font-family:var(--font-serif);font-size:36px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:8px}
.trust-title{font-family:var(--font-serif);font-size:17px;font-weight:700;color:var(--navy);margin-bottom:10px;line-height:1.3}
.trust-desc{font-size:13px;color:var(--slate);line-height:1.75}

/* CASE STUDIES */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.case-card{position:relative}
.case-sector{display:inline-block;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--orange);border-bottom:1px solid var(--orange);padding-bottom:2px;margin-bottom:20px}
.case-card h3{font-family:var(--font-serif);font-size:21px;font-weight:700;color:var(--navy);margin-bottom:14px;line-height:1.3}
.case-card p{font-size:14px;color:var(--slate);line-height:1.8}
.case-tech{position:absolute;top:32px;right:32px;font-family:var(--font-mono);font-size:11px;color:var(--slate-light);letter-spacing:1px}
.case-result{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:36px}
.result-val{font-family:var(--font-serif);font-size:32px;font-weight:700;color:var(--navy)}
.result-label{font-size:12px;color:var(--slate-light);margin-top:4px;letter-spacing:0.5px;text-transform:uppercase}

/* CTA / CONTACT */
.final-cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.final-cta-left{padding:64px 56px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}
.final-cta-right{padding:64px 56px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}
.assessment-title{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--white);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.08)}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.contact-left{padding:64px 56px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}
.contact-right{padding:64px 56px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}
.contact-offices{margin-top:48px}
.office{padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.office-city{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--orange-light);margin-bottom:6px}
.office-addr{font-size:13px;color:rgba(255,255,255,0.4);line-height:1.6}
.addend-form .form-row{margin-bottom:20px}
.form-label{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:10px;display:block}
.form-input{width:100%;padding:13px 18px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:var(--white);font-size:15px;font-family:var(--font-sans);outline:none;transition:border-color .2s}
.form-input:focus{border-color:var(--orange)}
.form-input::placeholder{color:rgba(255,255,255,0.2)}

/* FOOTER */
.addend-footer{background:#070f1e;padding:64px 0 32px}
.footer-top{display:grid;grid-template-columns:300px 1fr;gap:80px;margin-bottom:48px}
.footer-brand .custom-logo,.footer-brand img{height:32px;width:auto;margin-bottom:20px}
.footer-logo-text{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--white);display:block;margin-bottom:20px}
.footer-brand p{font-size:13px;color:rgba(255,255,255,0.3);line-height:1.8;max-width:240px}
.footer-links-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.footer-col-title{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:20px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px}
.footer-col a{font-size:13px;color:rgba(255,255,255,0.4);transition:color .2s}
.footer-col a:hover{color:rgba(255,255,255,0.8)}
.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,0.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.2)}
.footer-iso{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,0.2);letter-spacing:1px}
.addend-tagline-bar{background:var(--navy-mid);padding:72px 0;text-align:center;border-top:1px solid rgba(255,255,255,0.06)}

/* MANUFACTURING */
.amfg-hero{background:var(--navy);min-height:580px;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden;margin-top:72px}
.amfg-hero::before{content:'';position:absolute;inset:0;
  background:url("https://addendanalytics.com/wp-content/uploads/2026/05/manufactiong-industry.jpeg") center/cover no-repeat;opacity:0.18}
.amfg-hero-inner{position:relative;z-index:2;max-width:720px}
.amfg-hero h1{font-family:var(--font-serif);font-size:clamp(32px,4vw,58px);font-weight:700;color:var(--white);line-height:1.08;margin-bottom:24px}
.amfg-hero-support{font-size:clamp(15px,2vw,18px);font-weight:300;color:rgba(255,255,255,0.7);line-height:1.8;max-width:580px;margin-bottom:40px}
.amfg-who-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.amfg-who-grid .addend-card{border:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.amfg-who-grid .addend-card h3{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--navy);margin-bottom:12px}
.amfg-who-grid .addend-card p{font-size:14px;color:var(--slate);line-height:1.75}
.amfg-two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.amfg-callout{background:var(--navy);padding:44px 48px}
.amfg-callout strong{display:block;font-family:var(--font-serif);font-size:22px;color:var(--white);margin-bottom:12px}
.amfg-callout p{font-size:15px;color:rgba(255,255,255,0.55);line-height:1.85}
.amfg-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:48px}
.amfg-compare-col{padding:40px}
.amfg-compare-col:first-child{border-right:1px solid var(--line)}
.amfg-compare-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--slate-light);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.amfg-compare-label.orange{color:var(--orange);border-bottom-color:rgba(255,94,0,0.3)}
.amfg-decision-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,0.08);margin-top:48px}
.amfg-decision-tile{background:var(--navy);padding:36px 28px;transition:background .25s}
.amfg-decision-tile:hover{background:var(--navy-mid)}
.amfg-d-icon{margin-bottom:20px}
.amfg-decision-tile p{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.75}
.amfg-decision-tile strong{color:var(--white)}
.amfg-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.amfg-steps-grid .addend-card{border:none;border-right:1px solid var(--line)}
.amfg-step-num{font-family:var(--font-serif);font-size:52px;font-weight:700;color:rgba(255,94,0,0.12);line-height:1;margin-bottom:16px}
.amfg-step h3{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--navy);margin-bottom:12px}
.amfg-step p{font-size:14px;color:var(--slate);line-height:1.75}
.amfg-proof-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);margin-top:16px}
.amfg-proof-item{padding:36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.amfg-proof-item:nth-child(2n){border-right:0}
.proof-marker{width:32px;height:3px;background:var(--orange);margin-bottom:20px}
.amfg-proof-item p{font-size:15px;color:var(--slate);line-height:1.8}
.amfg-accelerator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:16px}
.amfg-accelerator-grid .addend-card h3{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--navy);margin-bottom:12px}
.amfg-accelerator-grid .addend-card p{font-size:14px;color:var(--slate);line-height:1.75}

/* MOBILE NAV OPEN */
@media(max-width:900px) {
  .nav-links,.nav-phone{display:none}
  .nav-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:20px 32px;gap:0}
  .nav-links.mobile-open li{border-bottom:1px solid var(--line)}
  .nav-links.mobile-open a{display:block;padding:14px 0;font-size:15px;color:var(--navy)}
  .nav-toggle{display:flex}
  .intro-inner,.how-cards,.final-cta-inner,.contact-inner,.amfg-two-col,.amfg-compare{grid-template-columns:1fr}
  .problem-callout{grid-template-columns:1fr}
  .industry-grid,.amfg-who-grid{grid-template-columns:repeat(2,1fr)}
  .amfg-steps-grid{grid-template-columns:repeat(2,1fr)}
  .case-grid{grid-template-columns:1fr}
  .amfg-compare-col:first-child{border-right:none;border-bottom:1px solid var(--line)}
  .footer-top{grid-template-columns:1fr;gap:40px}
  .footer-links-wrap{grid-template-columns:repeat(2,1fr)}
  .amfg-decision-grid{grid-template-columns:repeat(3,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-item:nth-child(2){border-right:0}
  .trust-item{border-bottom:1px solid var(--line)}
  .cap-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px) {
  .cap-grid,.industry-grid,.amfg-who-grid,.amfg-steps-grid,.problem-stats,.amfg-proof-grid,.amfg-decision-grid,.trust-grid,.amfg-accelerator-grid{grid-template-columns:1fr}
  .trust-item{border-right:0}
  .footer-links-wrap{grid-template-columns:1fr}
}

/* NON-PROFIT PAGE SPECIFIC */
.anp-hero::before {
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/nonprofit-industry.jpeg");
}
.anp-decision-grid {
  grid-template-columns: repeat(5, 1fr) !important;
}
.np-accel-intro {
  margin-top: -16px;
}
.amfg-accelerator-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.amfg-accelerator-grid .addend-card h3 {
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 12px;
}
.amfg-accelerator-grid .addend-card p {
  font-size: 14px;
  color: var(--slate);
  line-height: 1.75;
}
@media (max-width: 900px) {
  .anp-decision-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .amfg-accelerator-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .anp-decision-grid { grid-template-columns: 1fr !important; }
}

/* ===== nav-footer.css ===== */
/* ============================================================
   ADDEND ANALYTICS — nav-footer.css
   Header navigation + footer styles (wireframe-driven)
   v2 — fixed layout, visibility, and mobile toggle icon
   ============================================================ */

:root {
  --navy: #0c1a35;
  --navy-dark: #0a1628;
  --orange: #ff5e00;
  --orange-dark: #e04e00;
  --white: #ffffff;
}

/* ── HEADER BASE ── */
.addend-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #0c1a35;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  transition: box-shadow 220ms ease, background 220ms ease;
}

.addend-header.scrolled {
  background: #0a1628;
  box-shadow: 0 4px 24px rgba(0,0,0,0.35);
}

.addend-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  gap: 16px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

/* ── LOGO ── */
.addend-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  order: 0;
  text-decoration: none;
  max-width: 200px;
}

.addend-logo img,
.addend-logo .custom-logo {
  height: 38px;
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

/* ── DESKTOP NAV ── */
.addend-nav {
  display: flex;
  align-items: center;
  margin-left: auto;
  order: 1;
  flex-shrink: 1;
  min-width: 0;
}

.addend-nav-list {
  display: flex;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}

.addend-nav-list > li {
  position: relative;
}

.addend-nav-list > li > a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.82);
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.01em;
  transition: color 180ms ease;
  border-bottom: 2px solid transparent;
  line-height: 1;
}

.addend-nav-list > li > a:hover,
.addend-nav-list > li > a:focus-visible {
  color: #ffffff;
}

.nav-caret {
  transition: transform 200ms ease;
  flex-shrink: 0;
  opacity: 0.6;
}

.has-dropdown:hover .nav-caret,
.has-dropdown:focus-within .nav-caret {
  transform: rotate(180deg);
  opacity: 1;
}

.addend-nav-list > li > a.current-page,
.addend-nav-list > li.current-menu-item > a {
  color: #ffffff;
  border-bottom-color: var(--orange);
}

/* CTA button */
.nav-cta-item {
  margin-left: 12px;
}

.nav-cta-item > a.nav-cta-btn {
  display: inline-block;
  background: var(--orange);
  color: #ffffff !important;
  padding: 9px 20px !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border-bottom: none !important;
  transition: background 180ms ease;
  white-space: nowrap;
}

.nav-cta-item > a.nav-cta-btn:hover {
  background: var(--orange-dark);
  color: #ffffff !important;
}

/* ── DROPDOWN ── */
.addend-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 220px;
  list-style: none;
  padding: 8px 0;
  margin: 0;
  background: #0c1a35;
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 16px 40px rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 0s 160ms;
  z-index: 200;
}

.has-dropdown:hover .addend-dropdown,
.has-dropdown:focus-within .addend-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity 160ms ease, transform 160ms ease;
}

.addend-dropdown li a {
  display: block;
  padding: 11px 20px;
  font-size: 13px;
  color: rgba(255,255,255,0.65);
  text-decoration: none;
  white-space: nowrap;
  border-left: 2px solid transparent;
  transition: background 140ms, color 140ms, border-color 140ms;
}

.addend-dropdown li a:hover {
  background: rgba(255,255,255,0.05);
  color: #ffffff;
  border-left-color: var(--orange);
}

/* ── HAMBURGER ── */
.addend-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1100;
  margin-left: auto;
  order: 2;
  flex-shrink: 0;
}

.addend-hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: rgba(255,255,255,0.9);
  border-radius: 2px;
  transition: transform 220ms ease, opacity 180ms ease;
}

.addend-hamburger.open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.addend-hamburger.open span:nth-child(2) {
  opacity: 0;
}

.addend-hamburger.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ── MOBILE NAV DRAWER ── */
.addend-mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  max-width: 90vw;
  background: #0c1a35;
  z-index: 1050;
  transform: translateX(100%);
  transition: transform 260ms cubic-bezier(0.16,1,0.3,1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.addend-mobile-nav.open {
  transform: translateX(0);
}

.addend-overlay {
  position: fixed;
  inset: 0;
  z-index: 1040;
  background: rgba(0,0,0,0.55);
  opacity: 0;
  visibility: hidden;
  transition: opacity 260ms ease, visibility 0s 260ms;
}

.addend-overlay.open {
  opacity: 1;
  visibility: visible;
  transition: opacity 260ms ease;
}

.amn-inner {
  padding: 80px 0 40px;
}

.amn-inner > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.amn-inner > ul > li > a,
.amn-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,0.75);
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  transition: color 150ms, background 150ms;
  box-sizing: border-box;
  text-align: left;
}

.amn-inner > ul > li > a:hover,
.amn-toggle:hover {
  color: #ffffff;
  background: rgba(255,255,255,0.03);
}

.amn-toggle::after {
  content: '+';
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: rgba(255,94,0,0.7);
  flex-shrink: 0;
}

.amn-toggle[aria-expanded="true"]::after {
  content: '\\2212';
}

.amn-sub {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 280ms ease;
}

.amn-sub.open {
  max-height: 500px;
}

.amn-sub li a {
  display: block;
  padding: 11px 28px 11px 48px;
  font-size: 13px;
  color: rgba(255,255,255,0.8);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: color 140ms, padding-left 140ms;
}

.amn-sub li a:hover {
  color: #ffffff;
  padding-left: 52px;
}

.amn-cta {
  display: block;
  margin: 24px 28px 0;
  padding: 14px 24px;
  text-align: center;
  background: var(--orange);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 180ms;
}

.amn-cta:hover {
  background: var(--orange-dark);
}

/* ── FOOTER ── */
/* ── FOOTER ── */
.addend-footer {
  background: #061021;
  border-top: 1px solid rgba(255,255,255,0.04);
  padding-top: 80px;
}

.addend-footer-grid {
  display: grid;
  grid-template-columns: 3.2fr 1.7fr 1.7fr 1.7fr 1.7fr;
  gap: 48px;
  padding-bottom: 64px;
}

.brand-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
}

.aft-brand .custom-logo,
.aft-brand img {
  height: 30px;
  width: auto;
  display: block;
  margin-bottom: 24px;
}

.aft-tagline {
  font-size: 14px;
  color: rgba(255,255,255,0.45);
  line-height: 1.8;
  max-width: 280px;
  font-weight: 400;
}

.aft-social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
}

.aft-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: rgba(255,255,255,0.45);
  border: 1px solid rgba(255,255,255,0.12);
  text-decoration: none;
  transition: color 180ms, border-color 180ms, background-color 180ms;
}

.aft-social a:hover {
  color: #ff5e00;
  border-color: rgba(255,94,0,0.5);
  background-color: rgba(255,94,0,0.06);
}

.links-col {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 24px;
}

.afn-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #ff5e00;
  margin-bottom: 24px;
  display: block;
}

.links-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.links-col ul li a {
  display: block;
  padding: 12px 0;
  font-size: 14px;
  color: rgba(255,255,255,0.55);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  transition: color 180ms, padding-left 180ms;
}

.links-col ul li a:hover {
  color: rgba(255,255,255,0.9);
  padding-left: 4px;
}

.addend-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 32px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.afb-copy {
  font-size: 13px;
  color: rgba(255,255,255,0.35);
}

.afb-legal {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}

.afb-legal a {
  font-size: 13px;
  color: rgba(255,255,255,0.35);
  text-decoration: none;
  transition: color 180ms;
}

.afb-legal a:hover {
  color: rgba(255,255,255,0.7);
}

/* ── RESPONSIVE ── */
@media (max-width: 1280px) {
  .addend-nav-list > li > a {
    padding: 8px 8px;
    font-size: 12px;
  }

  .addend-header-inner {
    padding: 0 28px;
  }
}

@media (max-width: 1100px) {
  .addend-nav-list > li > a {
    padding: 8px 6px;
    font-size: 11.5px;
  }
}

@media (max-width: 960px) {
  .addend-nav {
    display: none;
  }

  .addend-hamburger {
    display: flex;
  }

  .addend-header-inner {
    padding: 0 20px;
  }
}

@media (max-width: 991px) {
  .addend-footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }

  .brand-col {
    grid-column: span 2;
    min-height: auto;
    margin-bottom: 24px;
  }
}

@media (max-width: 768px) {
  .addend-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .afb-legal {
    gap: 16px;
  }
}

@media (max-width: 599px) {
  .addend-footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .brand-col {
    grid-column: span 1;
  }
}

/* ===== about.css ===== */
/* ============================================================
   ABOUT PAGE — about.php
   ============================================================ */

/* Hero */
.abt-hero {
  background: var(--navy);
  min-height: 380px;
  display: flex;
  align-items: center;
  padding: 136px 0 80px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.abt-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(rgba(255,94,0,0.08) 1px, transparent 1px);
  background-size: 28px 28px;
}
.abt-hero-inner {
  position: relative;
  z-index: 2;
}
.abt-hero h1 {
  font-family: var(--font-serif);
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  color: var(--white);
  line-height: 1.08;
  margin-bottom: 20px;
}
.abt-hero-sub {
  font-family: var(--font-sans);
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 300;
  color: rgba(255,255,255,0.6);
  line-height: 1.6;
  max-width: 580px;
}

/* Shared heading style */
.abt-section-h3 {
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 300;
  color: var(--slate);
  line-height: 1.85;
  margin: 16px 0 20px;
  max-width: 640px;
}

/* Who We Are */
.abt-who-inner {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 80px;
  align-items: center;
}
.abt-stats-block {
  background: var(--navy);
  padding: 52px 48px;
  position: relative;
}

/* What We Do */
.abt-what-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.abt-what-num {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--slate-light);
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.abt-what-grid .addend-card h3 {
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 12px;
}
.abt-what-grid .addend-card p {
  font-size: 14px;
  color: var(--slate);
  line-height: 1.8;
}
.abt-delivery-note {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 40px;
  padding: 32px 36px;
  background: var(--orange-pale);
  border-left: 3px solid var(--orange);
}
.abt-dn-icon {
  flex-shrink: 0;
  margin-top: 3px;
}
.abt-delivery-note p {
  font-size: 16px;
  color: var(--navy);
  line-height: 1.75;
}

/* How We Think */
.abt-think-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.abt-pattern-list {
  margin-top: 32px;
}
.abt-pattern-item {
  font-size: 17px;
  font-weight: 400;
  color: var(--slate);
  padding: 12px 0 12px 28px;
  border-bottom: 1px solid var(--line);
  position: relative;
  line-height: 1.5;
}
.abt-pattern-item.abt-done::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 7px;
  border-left: 2px solid rgba(12,26,53,0.2);
  border-bottom: 2px solid rgba(12,26,53,0.2);
  transform: translateY(-60%) rotate(-45deg);
}
.abt-pattern-divider {
  font-family: var(--font-serif);
  font-size: 19px;
  font-weight: 700;
  color: var(--navy);
  padding: 20px 0 0;
  font-style: italic;
  border-top: 2px solid var(--orange);
  margin-top: 4px;
}
.abt-three-pillars {
  background: var(--cream);
  border: 1px solid var(--line);
  padding: 40px;
}
.abt-pillar-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light);
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}
.abt-pillar {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}
.abt-pillar:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.abt-pillar-icon {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255,94,0,0.2);
  background: rgba(255,94,0,0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.abt-pillar-title {
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 4px;
}
.abt-pillar-desc {
  font-size: 14px;
  color: var(--slate);
  line-height: 1.6;
}
.abt-ai-note {
  margin-top: 28px;
  padding: 28px 32px;
  background: var(--navy);
}
.abt-ai-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light);
  margin-bottom: 12px;
}
.abt-ai-note p {
  font-size: 14px;
  color: rgba(255,255,255,0.55);
  line-height: 1.8;
}

/* Team section */
.abt-team-section {
  padding: 80px 0 96px;
}
.abt-person {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 64px;
  align-items: start;
  padding: 56px 0;
}
.abt-person-divider {
  height: 1px;
  background: var(--line);
}
.abt-avatar {
  width: 88px;
  height: 88px;
  background: var(--navy);
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
  margin-bottom: 24px;
}
.abt-person-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.abt-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 9px 16px;
  border: 1px solid var(--line);
  transition: background .2s, border-color .2s, color .2s;
  width: fit-content;
}
.abt-link-li {
  color: var(--navy);
}
.abt-link-li:hover {
  background: var(--navy);
  color: var(--white);
  border-color: var(--navy);
}
.abt-link-contact {
  color: var(--orange);
  border-color: rgba(255,94,0,0.25);
}
.abt-link-contact:hover {
  background: var(--orange);
  color: var(--white);
  border-color: var(--orange);
}
.abt-person-role {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--orange);
  margin-bottom: 8px;
}
.abt-person-name {
  font-family: var(--font-serif);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
  color: var(--navy);
  line-height: 1.1;
  margin-bottom: 12px;
}
.abt-person-certs {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--slate-light);
  letter-spacing: 0.5px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}
.abt-person-bio {
  font-size: 15px;
  color: var(--slate);
  line-height: 1.85;
  max-width: 680px;
}
.abt-expertise-block {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}
.abt-exp-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light);
  margin-bottom: 14px;
}
.abt-exp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.abt-exp-tags span {
  font-size: 12px;
  font-weight: 500;
  color: var(--navy);
  background: var(--cream);
  border: 1px solid var(--line);
  padding: 5px 14px;
  letter-spacing: 0.3px;
}

/* ISO Section */
.abt-iso-inner {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 80px;
  align-items: center;
}
.abt-iso-badge {
  border: 1px solid var(--line);
  background: var(--white);
  padding: 48px 40px;
  text-align: center;
  position: relative;
}
.abt-iso-badge::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--orange);
}
.abt-iso-badge-top {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--slate-light);
  margin-bottom: 16px;
}
.abt-iso-badge-mid {
  font-family: var(--font-serif);
  font-size: 42px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1;
  margin-bottom: 16px;
}
.abt-iso-badge-bot {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--slate-light);
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.abt-iso-badge-issuer {
  font-size: 13px;
  font-weight: 600;
  color: var(--orange);
  letter-spacing: 0.5px;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .abt-who-inner { grid-template-columns: 1fr; }
  .abt-iso-inner { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .abt-think-inner { grid-template-columns: 1fr; }
  .abt-person { grid-template-columns: 1fr; gap: 32px; }
  .abt-what-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .abt-exp-tags span { font-size: 11px; }
  .abt-person-name { font-size: 26px; }
}

/* ===== contact-us.css ===== */
/* ============================================================
   CONTACT US PAGE — contact-us.php
   ============================================================ */

/* ── HERO ── */
.cu-hero {
  background: var(--navy, #0c1a35);
  min-height: 360px;
  display: flex;
  align-items: center;
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.cu-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 60% 50%, rgba(255,94,0,0.06) 0%, transparent 70%);
}
.cu-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 680px;
}
.cu-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(30px, 4.5vw, 58px);
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 20px;
}
.cu-hero-h3 {
  font-size: 18px;
  font-weight: 300;
  color: rgba(255,255,255,0.65);
  line-height: 1.75;
  margin-bottom: 12px;
}
.cu-hero-support {
  font-size: 16px;
  color: rgba(255,255,255,0.42);
  line-height: 1.85;
  max-width: 560px;
}

/* ── SHARED ── */
.cu-lead {
  font-size: 17px;
  font-weight: 400;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}

/* ── MAIN 2-COL GRID ── */
.cu-main-grid {
  display: grid;
  grid-template-columns: 1fr 560px;
  gap: 80px;
  align-items: start;
}

/* ── ASSESSMENT LEFT ── */
.cu-no-pitch {
  margin-top: 28px;
  padding: 24px 28px;
  background: rgba(255,94,0,0.04);
  border-left: 3px solid var(--orange, #ff5e00);
}
.cu-no-pitch p {
  font-size: 15px;
  color: var(--slate, #5a6478);
  line-height: 1.75;
}

/* What happens next */
.cu-what-next { margin-top: 0; }
.cu-next-steps {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 20px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
}
.cu-next-step {
  background: var(--white, #fff);
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 24px;
  transition: background .2s;
}
.cu-next-step:hover { background: var(--cream, #f7f5f0); }
.cu-ns-num {
  width: 32px;
  height: 32px;
  border: 1px solid var(--orange, #ff5e00);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: var(--orange, #ff5e00);
  flex-shrink: 0;
  background: rgba(255,94,0,0.05);
}
.cu-ns-title {
  font-size: 15px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
  line-height: 1.4;
}
.cu-no-pressure {
  font-size: 13px;
  color: var(--slate-light, #9aa0ae);
  margin-top: 16px;
  font-style: italic;
}

/* ── FORM RIGHT ── */
.cu-form-block {
  position: sticky;
  top: 100px;
}
.cu-form-inner {
  background: var(--navy, #0c1a35);
  padding: 52px 48px;
}
.cu-form-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 8px;
}
.cu-form-sub {
  font-size: 14px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin-bottom: 32px;
}

/* Form fields */
.cu-form { display: flex; flex-direction: column; gap: 20px; }
.cu-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.cu-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cu-field label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: rgba(255,255,255,0.8);
  text-transform: uppercase;
}
.cu-field label span { color: var(--orange-light, #ff9a5c); }
.cu-field input,
.cu-field select,
.cu-field textarea {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.85);
  padding: 12px 16px;
  font-size: 14px;
  font-family: var(--font-sans, sans-serif);
  outline: none;
  transition: border-color .2s, background .2s;
  -webkit-appearance: none;
  border-radius: 0;
}
.cu-field input::placeholder,
.cu-field textarea::placeholder { color: rgba(255,255,255,0.25); }
.cu-field input:focus,
.cu-field select:focus,
.cu-field textarea:focus {
  border-color: var(--orange, #ff5e00);
  background: rgba(255,255,255,0.09);
}
.cu-field select option { background: #0c1a35; color: #fff; }
.cu-field textarea { resize: vertical; min-height: 100px; line-height: 1.6; }
.cu-submit {
  width: 100%;
  justify-content: center;
  padding: 16px;
  font-size: 15px;
  margin-top: 4px;
}
.cu-submit:disabled { opacity: 0.6; cursor: not-allowed; }
.cu-form-note {
  font-size: 11px;
  color: rgba(255,255,255,0.25);
  text-align: center;
  line-height: 1.6;
}
.cu-form-success {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(67,122,34,0.15);
  border: 1px solid rgba(109,170,69,0.35);
  color: #6daa45;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 500;
}

/* ── OFFICES ── */
.cu-offices-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.cu-office-card {
  background: var(--white, #fff);
  padding: 44px 40px;
  transition: background .2s;
}
.cu-office-card:hover { background: var(--cream, #f7f5f0); }
.cu-office-primary { border-top: 3px solid var(--orange, #ff5e00); }
.cu-office-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange, #ff5e00);
  background: rgba(255,94,0,0.07);
  border: 1px solid rgba(255,94,0,0.2);
  padding: 4px 12px;
  margin-bottom: 20px;
}
.cu-office-name {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 14px;
  line-height: 1.3;
}
.cu-office-addr {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  font-style: normal;
}
.cu-office-phone {
  display: inline-block;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  text-decoration: none;
  border-bottom: 1px solid var(--orange, #ff5e00);
  padding-bottom: 2px;
  transition: color .2s;
}
.cu-office-phone:hover { color: var(--orange, #ff5e00); }

/* ── EXPERT CTA ── */
.cu-expert-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  flex-wrap: wrap;
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .cu-main-grid { grid-template-columns: 1fr; gap: 56px; }
  .cu-form-block { position: static; }
}
@media (max-width: 800px) {
  .cu-offices-grid { grid-template-columns: 1fr; }
  .cu-expert-inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
  .cu-field-row { grid-template-columns: 1fr; }
  .cu-form-inner { padding: 36px 28px; }
}

/* ===== industry-cpg.css ===== */
/* ============================================================
   CPG INDUSTRY PAGE — industry-cpg.php
   ============================================================ */

/* ── HERO ── */
.cpg-hero {
  background: var(--navy, #0c1a35);
  min-height: 440px;
  display: flex;
  align-items: center;
  padding: 140px 0 88px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.cpg-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/industry-cpg.jpeg");
  background-size: cover;
  background-position: center;
  opacity: 0.09;
}
.cpg-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent, var(--navy, #0c1a35));
}
.cpg-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.cpg-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(34px, 5vw, 62px);
  font-weight: 700;
  color: #fff;
  line-height: 1.08;
  margin-bottom: 20px;
}
.cpg-hero-support {
  font-size: 17px;
  color: rgba(255,255,255,0.55);
  line-height: 1.85;
  max-width: 640px;
  margin-bottom: 40px;
}

/* ── SHARED ── */
.cpg-section-h3 {
  font-family: var(--font-sans, sans-serif);
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 14px 0 20px;
  max-width: 700px;
}
.cpg-lead {
  font-size: 18px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  max-width: 640px;
}
.cpg-lead.light { color: rgba(255,255,255,0.8); }

.cpg-highlight-line {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  line-height: 1.6;
  border-left: 3px solid var(--orange, #ff5e00);
  padding: 16px 24px;
  background: rgba(255,94,0,0.04);
  margin-top: 28px;
  font-style: italic;
}

/* ── WHO GRID ── */
.cpg-who-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.cpg-who-card {
  background: var(--white, #fff);
  padding: 36px 32px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: background .2s;
}
.cpg-who-card:hover { background: var(--cream, #f7f5f0); }
.cpg-who-card-wide {
  grid-column: span 4;
  border-top: 1px solid var(--line, #e4e0d8);
  display: grid;
  grid-template-columns: auto 1fr 3fr;
  align-items: center;
  gap: 32px;
  padding: 28px 32px;
}
.cpg-who-icon {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,94,0,0.2);
  background: rgba(255,94,0,0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.cpg-who-card-wide .cpg-who-icon { margin-bottom: 0; }
.cpg-who-card h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 10px;
  line-height: 1.3;
}
.cpg-who-card p {
  font-size: 13px;
  color: var(--slate, #5a6478);
  line-height: 1.75;
}

/* ── WHY FAILS ── */
.cpg-fails-inner {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 80px;
  align-items: start;
}
.cpg-real-problem {
  background: var(--navy, #0c1a35);
  padding: 40px;
  margin-bottom: 24px;
}
.cpg-rp-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 16px;
}
.cpg-real-problem p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 400;
  color: rgba(255,255,255,0.75);
  line-height: 1.55;
  font-style: italic;
}
.cpg-stat-stack {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
}
.cpg-stat-item {
  background: var(--white, #fff);
  padding: 20px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.cpg-stat-val {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  flex-shrink: 0;
}
.cpg-stat-desc {
  font-size: 13px;
  color: var(--slate, #5a6478);
  text-align: right;
}

/* ── HIDDEN GAP ── */
.cpg-gap-grid {
  display: grid;
  grid-template-columns: 1fr 80px 1fr;
  gap: 0;
  margin-top: 8px;
  align-items: stretch;
}
.cpg-gap-col {
  padding: 44px 40px;
  border: 1px solid var(--line, #e4e0d8);
}
.cpg-gap-have { background: var(--cream, #f7f5f0); border-right: none; }
.cpg-gap-need { background: var(--white, #fff); border-left: none; }
.cpg-gap-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--line, #e4e0d8);
}
.cpg-gap-vs {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 700;
  color: var(--orange, #ff5e00);
  background: var(--white, #fff);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--orange, #ff5e00);
}
.cpg-gap-col-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 14px;
  margin-bottom: 8px;
  display: inline-block;
}
.cpg-gap-col-label.have {
  background: rgba(12,26,53,0.06);
  color: var(--navy, #0c1a35);
  border: 1px solid rgba(12,26,53,0.12);
}
.cpg-gap-col-label.need {
  background: rgba(255,94,0,0.07);
  color: var(--orange, #ff5e00);
  border: 1px solid rgba(255,94,0,0.2);
}

/* ── DECISION-READY STANDARD ── */
.cpg-standard-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.cpg-standard-tile {
  background: var(--white, #fff);
  padding: 36px 28px;
  transition: background .2s;
  position: relative;
}
.cpg-standard-tile:hover { background: var(--cream, #f7f5f0); }
.cpg-standard-tile::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--orange, #ff5e00);
  opacity: 0;
  transition: opacity .3s;
}
.cpg-standard-tile:hover::after { opacity: 1; }
.cpg-st-num {
  font-family: var(--font-mono, monospace);
  font-size: 10px;
  color: var(--slate-light, #9aa0ae);
  letter-spacing: 2px;
  margin-bottom: 16px;
}
.cpg-standard-tile p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.75;
}
.cpg-standard-footer {
  margin-top: 40px;
  padding: 36px 40px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
}
.cpg-standard-footer p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  line-height: 1.55;
}

/* ── HOW ADDEND DESIGNS ── */
.cpg-how-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.cpg-how-card { padding: 48px 44px; }
.cpg-how-left { background: var(--white, #fff); }
.cpg-how-right { background: var(--cream, #f7f5f0); }
.cpg-hc-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange, #ff5e00);
  margin-bottom: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.cpg-cta-block {
  margin-top: 40px;
  background: var(--navy, #0c1a35);
  padding: 48px;
}
.cpg-cta-block-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  flex-wrap: wrap;
}
.cpg-cta-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}
.cpg-cta-caption {
  font-size: 15px;
  color: rgba(255,255,255,0.8);
  line-height: 1.75;
  max-width: 480px;
}

/* ── STEPS ── */
.cpg-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.cpg-step {
  background: var(--white, #fff);
  padding: 40px 32px;
  transition: background .2s;
}
.cpg-step:hover { background: var(--cream, #f7f5f0); }
.cpg-step-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 52px;
  font-weight: 700;
  color: rgba(255,94,0,0.1);
  line-height: 1;
  margin-bottom: 16px;
}
.cpg-step-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 10px;
  line-height: 1.25;
}
.cpg-step-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}

/* ── ACCELERATORS ── */
.cpg-accel-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
  margin-top: 48px;
}
.cpg-accel-card {
  background: rgba(255,255,255,0.04);
  padding: 40px 32px;
  transition: background .25s;
}
.cpg-accel-card:hover { background: rgba(255,255,255,0.07); }
.cpg-accel-num {
  font-family: var(--font-mono, monospace);
  font-size: 10px;
  color: rgba(255,255,255,0.2);
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.cpg-accel-card h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.3;
}
.cpg-accel-card p {
  font-size: 13px;
  color: rgba(255,255,255,0.4);
  line-height: 1.75;
}
.cpg-accel-footer {
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid rgba(255,255,255,0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.cpg-accel-defines span:first-child {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  display: block;
  margin-bottom: 12px;
}
.cpg-accel-define-items {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.cpg-accel-define-items span {
  font-size: 13px;
  color: rgba(255,255,255,0.8);
  padding: 6px 16px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}

/* ── PROOF GRID ── */
.cpg-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 8px;
}
.cpg-proof-tile {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 36px 28px;
  position: relative;
  transition: box-shadow .2s;
}
.cpg-proof-tile:hover { box-shadow: var(--shadow-md, 0 4px 12px rgba(0,0,0,.08)); }
.cpg-proof-tile::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--orange, #ff5e00);
}
.cpg-proof-icon {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255,94,0,0.2);
  background: rgba(255,94,0,0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.cpg-proof-tile p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.75;
}

/* ── RESPONSIVE ── */
@media (max-width: 1200px) {
  .cpg-standard-grid  { grid-template-columns: repeat(3, 1fr); }
  .cpg-proof-grid     { grid-template-columns: repeat(2, 1fr); }
  .cpg-accel-grid     { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1024px) {
  .cpg-who-grid       { grid-template-columns: repeat(2, 1fr); }
  .cpg-who-card-wide  { grid-column: span 2; grid-template-columns: auto 1fr; }
  .cpg-steps-grid     { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .cpg-fails-inner    { grid-template-columns: 1fr; }
  .cpg-gap-grid       { grid-template-columns: 1fr; }
  .cpg-gap-divider    { padding: 16px 0; }
  .cpg-gap-vs         { transform: rotate(90deg); }
  .cpg-how-cards      { grid-template-columns: 1fr; }
  .cpg-cta-block-inner{ flex-direction: column; align-items: flex-start; }
  .cpg-accel-footer   { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 680px) {
  .cpg-who-grid       { grid-template-columns: 1fr; }
  .cpg-who-card-wide  { grid-column: span 1; grid-template-columns: auto 1fr; }
  .cpg-standard-grid  { grid-template-columns: 1fr; }
  .cpg-steps-grid     { grid-template-columns: 1fr; }
  .cpg-accel-grid     { grid-template-columns: 1fr; }
  .cpg-proof-grid     { grid-template-columns: 1fr; }
}

/* ===== industry-law-firm.css ===== */
/* ============================================================
   LAW FIRM INDUSTRY PAGE — industry-law-firm.php
   Uses lf-* prefix for all unique styles.
   ============================================================ */

/* ── HERO ── */
.lf-hero {
  background: var(--navy, #0c1a35);
  min-height: 440px;
  display: flex;
  align-items: center;
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.lf-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/lawfirm-industry.jpeg");
  background-size: cover;
  background-position: center top;
  opacity: 0.08;
}
.lf-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, rgba(12,26,53,0.95) 50%, rgba(12,26,53,0.6) 100%);
}
.lf-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.lf-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(28px, 4.5vw, 58px);
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 20px;
}
.lf-hero-support {
  font-size: 18px;
  color: rgba(255,255,255,0.52);
  line-height: 1.85;
  max-width: 600px;
  margin-bottom: 36px;
}
.lf-hero-cta { display: inline-flex; }

/* ── SHARED ── */
.lf-section-support {
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  max-width: 640px;
  margin-top: 8px;
}

/* ── WHO GRID (5 cards) ── */
.lf-who-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.lf-who-card {
  background: var(--white, #fff);
  padding: 44px 32px;
  transition: background .2s;
}
.lf-who-card:hover { background: var(--cream, #f7f5f0); }
.lf-who-card-wide {
  grid-column: span 4;
  background: var(--navy, #0c1a35) !important;
}
.lf-who-card-wide h3 { color: #fff !important; }
.lf-who-card-wide p  { color: rgba(255,255,255,0.45) !important; }
.lf-who-card-wide .lf-wc-icon { color: rgba(255,94,0,0.7) !important; }
.lf-wc-icon {
  font-size: 24px;
  color: var(--orange, #ff5e00);
  margin-bottom: 16px;
  display: block;
}
.lf-who-card h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 10px;
  line-height: 1.3;
}
.lf-who-card p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}

/* ── TWO-COL GENERIC ── */
.lf-two-col {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 72px;
  align-items: start;
}

/* Problem block */
.lf-problem-block {
  background: var(--navy, #0c1a35);
  padding: 52px 48px;
}
.lf-pb-title {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 16px;
}
.lf-problem-block > p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  color: rgba(255,255,255,0.8);
  line-height: 1.55;
  font-style: italic;
}
.lf-pb-divider { height: 1px; background: rgba(255,255,255,0.08); margin: 24px 0; }
.lf-pb-action {
  font-size: 14px;
  color: rgba(255,255,255,0.45);
  line-height: 1.8;
  border-left: 2px solid var(--orange, #ff5e00);
  padding-left: 16px;
  margin-top: 20px;
}

/* ── GAP COMPARE ── */
.lf-gap-inner { max-width: 900px; }
.lf-gap-compare {
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  gap: 0;
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 28px;
}
.lf-gc-col { padding: 40px 36px; }
.lf-gc-bad  { background: var(--white, #fff); }
.lf-gc-good { background: var(--cream, #f7f5f0); }
.lf-gc-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 4px;
  color: var(--slate-light, #9aa0ae);
}
.lf-gc-verdict {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 600;
  font-style: italic;
  color: var(--slate-light, #9aa0ae);
}
.lf-gc-verdict.good { color: var(--orange, #ff5e00); }
.lf-gc-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--line, #e4e0d8);
  color: var(--orange, #ff5e00);
  font-size: 20px;
  font-weight: 700;
}

/* ── DR LOOKS ── */
.lf-dr-inner {
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: 72px;
  align-items: center;
}
.lf-img-block { position: relative; }
.lf-img-block img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--line, #e4e0d8);
}
.lf-img-caption {
  font-size: 12px;
  color: var(--slate-light, #9aa0ae);
  margin-top: 10px;
  font-style: italic;
  text-align: center;
}

/* ── TWO CARDS (How Addend Designs) ── */
.lf-cards-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.lf-two-card { padding: 52px 48px; }
.lf-tc-dark {
  background: var(--navy, #0c1a35);
}
.lf-tc-light { background: var(--cream, #f7f5f0); }
.lf-tc-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.lf-tc-dark .lf-tc-label {
  color: var(--orange-light, #ff9a5c);
}
.lf-tc-light .lf-tc-label {
  color: var(--orange, #ff5e00);
  border-bottom-color: var(--line, #e4e0d8);
}

/* Assessment CTA band */
.lf-assess-cta-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  border-top: 3px solid var(--orange, #ff5e00);
  padding: 40px 48px;
  margin-top: 0;
}
.lf-acb-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 8px;
  line-height: 1.3;
}
.lf-acb-caption {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
  max-width: 500px;
}

/* ── STEPS ── */
.lf-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.lf-step {
  background: var(--cream, #f7f5f0);
  padding: 44px 36px;
  transition: background .2s;
  counter-increment: none;
}
.lf-step:hover { background: var(--white, #fff); }
.lf-step-accent {
  background: var(--navy, #0c1a35) !important;
}
.lf-step-accent .lf-step-num   { border-color: rgba(255,94,0,0.3); background: rgba(255,94,0,0.07); color: var(--orange-light, #ff9a5c); }
.lf-step-accent .lf-step-title { color: #fff; }
.lf-step-accent .lf-step-desc  { color: rgba(255,255,255,0.45); }
.lf-step-num {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255,94,0,0.3);
  background: rgba(255,94,0,0.06);
  font-size: 14px; font-weight: 700;
  color: var(--orange, #ff5e00);
  margin-bottom: 18px;
}
.lf-step-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px; font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 10px; line-height: 1.3;
}
.lf-step-desc { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }
.lf-steps-footer {
  margin-top: 24px;
  padding: 20px 32px;
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  font-style: italic;
  font-size: 15px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
  text-align: center;
}

/* ── ACCELERATORS ── */
.lf-accel-inner {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 80px;
  align-items: start;
}
.lf-accel-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.06);
}
.lf-accel-col { padding: 40px 36px; }
.lf-accel-head {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* ── PROOF GRID ── */
.lf-proof-inner {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 80px;
  align-items: start;
}
.lf-proof-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
}
.lf-proof-tile {
  background: var(--white, #fff);
  padding: 44px 36px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  transition: background .2s;
}
.lf-proof-tile:hover { background: var(--cream, #f7f5f0); }
.lf-pt-icon {
  font-size: 18px;
  color: var(--orange, #ff5e00);
  margin-top: 2px;
  flex-shrink: 0;
}
.lf-pt-text {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 16px;
  color: var(--navy, #0c1a35);
  line-height: 1.5;
  font-weight: 600;
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .lf-who-grid      { grid-template-columns: repeat(2, 1fr); }
  .lf-who-card-wide { grid-column: span 2; }
  .lf-two-col       { grid-template-columns: 1fr; }
  .lf-dr-inner      { grid-template-columns: 1fr; }
  .lf-accel-inner   { grid-template-columns: 1fr; }
  .lf-proof-inner   { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .lf-steps-grid   { grid-template-columns: repeat(2, 1fr); }
  .lf-cards-row    { grid-template-columns: 1fr; }
  .lf-accel-right  { grid-template-columns: 1fr; }
  .lf-gap-compare  { grid-template-columns: 1fr; }
  .lf-gc-arrow     { display: none; }
  .lf-assess-cta-block { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
  .lf-who-grid    { grid-template-columns: 1fr; }
  .lf-who-card-wide { grid-column: span 1; }
  .lf-steps-grid  { grid-template-columns: 1fr; }
  .lf-proof-grid  { grid-template-columns: 1fr; }
}

/* ===== industry-professional-services.css ===== */
/* ============================================================
   INDUSTRY – PROFESSIONAL SERVICES — industry-professional-services.php
   Extends shared ind-* styles. PS-specific hero only.
   ============================================================ */

/* ── HERO ── */
.ind-hero {
  background: var(--navy, #0c1a35);
  min-height: 460px;
  display: flex;
  align-items: center;
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.ps-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/industry-proser.jpeg");
  background-size: cover;
  background-position: center top;
  opacity: 0.07;
}
.ind-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(110deg, rgba(12,26,53,0.97) 45%, rgba(12,26,53,0.80) 100%);
}
.ind-hero-inner {
  position: relative; z-index: 2; max-width: 760px;
}
.ind-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(32px, 4.8vw, 60px);
  font-weight: 700; color: #fff;
  line-height: 1.08; margin-bottom: 16px;
}
.ind-hero .slide-divider { background: rgba(255,94,0,0.4); }
.ind-hero-support {
  font-size: 16px; color: rgba(255,255,255,0.8);
  line-height: 1.9; max-width: 580px; margin-bottom: 40px;
}
.ind-hero-cta { display: inline-block; }

/* ── SHARED TYPOGRAPHY ── */
.ind-body-p {
  font-size: 16px; color: var(--slate, #5a6478); line-height: 1.9;
}
.ind-section-lead {
  font-size: 17px; font-weight: 300; color: var(--slate, #5a6478);
  line-height: 1.85; max-width: 680px; margin-top: 16px;
}

/* ── WHO GRID ── */
.ind-who-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 40px;
}
.ind-who-card {
  background: var(--white, #fff);
  padding: 40px 32px;
  transition: background .2s;
}
.ind-who-card:hover { background: var(--navy, #0c1a35); }
.ind-who-card:hover h3  { color: #fff; }
.ind-who-card:hover p   { color: rgba(255,255,255,0.45); }
.ind-who-card:hover .ind-wc-icon { color: rgba(255,94,0,0.7); }
.ind-wc-icon { font-size: 14px; color: var(--orange, #ff5e00); margin-bottom: 14px; display: block; transition: color .2s; }
.ind-who-card h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 16px; font-weight: 700;
  color: var(--navy, #0c1a35); margin-bottom: 10px; line-height: 1.3; transition: color .2s;
}
.ind-who-card p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; transition: color .2s; }

/* ── PROBLEM GRID ── */
.ind-problem-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start;
}
.ind-pain-list {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
  margin-top: 24px;
}
.ind-pain-item {
  background: var(--cream, #f7f5f0);
  padding: 16px 20px;
  font-size: 15px; color: var(--navy, #0c1a35);
  display: flex; align-items: center; gap: 12px;
  line-height: 1.5; font-weight: 500;
}
.ind-pain-item::before {
  content: '•';
  color: var(--orange, #ff5e00); font-size: 20px; flex-shrink: 0;
}
.ind-highlight-block {
  background: var(--navy, #0c1a35);
  padding: 36px 40px;
  border-left: 3px solid var(--orange, #ff5e00);
}
.ind-hb-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: var(--orange-light, #ff9a5c); margin-bottom: 14px;
}
.ind-highlight-block p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px; color: rgba(255,255,255,0.75);
  font-style: italic; line-height: 1.6;
}
.ind-gap-block {
  background: var(--white, #fff); border: 1px solid var(--line, #e4e0d8);
  padding: 28px 32px;
}
.ind-gb-label {
  font-size: 13px; font-weight: 700; color: var(--navy, #0c1a35);
  margin-bottom: 4px;
}
.ind-gap-qs { display: flex; flex-direction: column; gap: 4px; margin: 12px 0; }
.ind-gap-q {
  font-size: 14px; padding: 10px 16px;
  display: flex; align-items: center; gap: 10px;
}
.ind-gap-q::before { content: ''; width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.ind-gap-old { background: var(--cream, #f7f5f0); color: var(--slate, #5a6478); }
.ind-gap-old::before { background: rgba(90,100,120,0.3); }
.ind-gap-new { background: rgba(255,94,0,0.05); color: var(--navy, #0c1a35); font-weight: 500; }
.ind-gap-new::before { background: var(--orange, #ff5e00); }
.ind-gap-vs {
  text-align: center; font-size: 13px; font-weight: 700;
  color: var(--slate-light, #9aa0ae); padding: 10px;
  border-top: 1px solid var(--line, #e4e0d8);
  border-bottom: 1px solid var(--line, #e4e0d8);
  margin: 4px 0;
}
.ind-gap-footer {
  margin-top: 12px; font-style: italic; font-size: 13px;
  color: var(--slate, #5a6478); line-height: 1.75;
  border-top: 1px solid var(--line, #e4e0d8); padding-top: 12px;
}

/* ── DECISION READY (navy) ── */
.ind-dr-inner {
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}
.ind-dr-footer {
  margin-top: 28px; padding: 16px 20px;
  border-left: 3px solid rgba(255,94,0,0.5);
  font-size: 14px; font-style: italic;
  color: rgba(255,255,255,0.4); line-height: 1.75;
}
.ind-dr-checks {
  display: flex; flex-direction: column; gap: 1px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.06);
}
.ind-dr-item {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 20px 24px; transition: background .2s;
}
.ind-dr-item:hover { background: rgba(255,255,255,0.03); }
.ind-dr-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--orange, #ff5e00); flex-shrink: 0; margin-top: 7px;
}
.ind-dr-item p { font-size: 15px; color: rgba(255,255,255,0.6); line-height: 1.7; }

/* ── HOW ADDEND CARDS ── */
.ind-how-cards {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
  margin-top: 40px;
}
.ind-how-card {
  padding: 52px 48px;
}
.ind-how-card { background: var(--white, #fff); }
.ind-how-card-dark { background: var(--navy, #0c1a35); }
.ind-how-card h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px; font-weight: 700;
  color: var(--navy, #0c1a35); margin-bottom: 4px; line-height: 1.3;
}

/* Mid-page CTA banner */
.ind-mid-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  border-top: 3px solid var(--orange, #ff5e00);
  padding: 36px 48px;
  margin-top: 1px;
}
.ind-mc-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px; font-weight: 700;
  color: var(--navy, #0c1a35); margin-bottom: 8px;
}
.ind-mc-caption { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; max-width: 480px; }

/* ── 4 STEPS ── */
.ind-steps-grid {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
  margin-top: 40px;
}
.ind-step {
  background: var(--white, #fff); padding: 44px 36px;
  transition: background .2s;
}
.ind-step:hover { background: var(--cream, #f7f5f0); }
.ind-step-active { background: var(--navy, #0c1a35) !important; }
.ind-step-active .ind-step-num { color: rgba(255,94,0,0.7); border-color: rgba(255,94,0,0.2); background: rgba(255,94,0,0.07); }
.ind-step-active h3 { color: #fff; }
.ind-step-active p  { color: rgba(255,255,255,0.45); }
.ind-step-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 30px; font-weight: 700;
  color: rgba(255,94,0,0.4);
  border: 1px solid rgba(255,94,0,0.15); background: rgba(255,94,0,0.04);
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; margin-bottom: 20px;
}
.ind-step h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px; font-weight: 700;
  color: var(--navy, #0c1a35); margin-bottom: 12px; line-height: 1.3;
}
.ind-step p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }
.ind-step-caveat { font-size: 13px; font-weight: 300; color: var(--slate-light, #9aa0ae); }
.ind-step-active .ind-step-caveat { color: rgba(255,255,255,0.3); }
.ind-steps-footer {
  padding: 20px 36px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8); border-top: none;
  font-style: italic; font-size: 15px; color: var(--navy, #0c1a35);
  text-align: center;
}

/* ── ACCELERATORS ── */
.ind-accel-grid {
  display: grid; grid-template-columns: 1fr 360px; gap: 72px; align-items: start;
}
.ind-accel-designed {
  margin-top: 28px; padding: 28px 32px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
}
.ind-ad-label {
  font-size: 13px; font-weight: 700; color: var(--navy, #0c1a35); margin-bottom: 4px;
}
.ind-accel-clear {
  background: var(--navy, #0c1a35); padding: 44px 40px;
  align-self: start;
}
.ind-ac-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: var(--orange-light, #ff9a5c);
  margin-bottom: 20px; padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.ind-ac-items { display: flex; flex-direction: column; gap: 1px; background: rgba(255,255,255,0.05); }
.ind-ac-item {
  display: flex; align-items: center; gap: 14px;
  padding: 18px 20px; transition: background .2s;
}
.ind-ac-item:hover { background: rgba(255,255,255,0.03); }
.ind-ac-num { font-size: 18px; color: rgba(255,94,0,0.6); flex-shrink: 0; font-weight: 700; }
.ind-ac-item p { font-size: 15px; color: rgba(255,255,255,0.6); line-height: 1.6; }

/* ── PROOF ── */
.ind-proof-inner {
  display: grid; grid-template-columns: 1fr 320px; gap: 72px; align-items: start;
}
.ind-proof-stat-col {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.ind-proof-stat {
  background: var(--white, #fff);
  padding: 24px 28px; display: flex; align-items: flex-start; gap: 14px;
  transition: background .2s;
}
.ind-proof-stat:hover { background: var(--navy, #0c1a35); }
.ind-proof-stat:hover p { color: rgba(255,255,255,0.8); }
.ind-proof-stat:hover strong { color: #fff; }
.ind-proof-stat:hover .ind-ps-icon { color: rgba(255,94,0,0.7); }
.ind-ps-icon { font-size: 12px; color: var(--orange, #ff5e00); flex-shrink: 0; margin-top: 4px; transition: color .2s; }
.ind-proof-stat p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.7; transition: color .2s; }
.ind-proof-stat strong { color: var(--navy, #0c1a35); display: block; transition: color .2s; }

/* ── HOW TO START ── */
.ind-start-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start;
  margin-top: 40px;
}
.ind-start-emphasis {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px; font-weight: 700;
  color: var(--navy, #0c1a35);
  padding: 16px 20px;
  border-left: 3px solid var(--orange, #ff5e00);
  background: var(--cream, #f7f5f0);
  margin: 20px 0;
}
.ind-start-right {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 44px 44px;
}
.ind-sr-label {
  font-size: 16px; font-weight: 600;
  color: var(--navy, #0c1a35); margin-bottom: 4px;
}

/* ── RESPONSIVE ── */
@media (max-width: 1200px) {
  .ind-who-grid   { grid-template-columns: repeat(3, 1fr); }
  .ind-steps-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1100px) {
  .ind-problem-grid  { grid-template-columns: 1fr; }
  .ind-dr-inner      { grid-template-columns: 1fr; }
  .ind-how-cards     { grid-template-columns: 1fr; }
  .ind-accel-grid    { grid-template-columns: 1fr; }
  .ind-proof-inner   { grid-template-columns: 1fr; }
  .ind-start-grid    { grid-template-columns: 1fr; }
  .ind-mid-cta       { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 900px) {
  .ind-who-grid   { grid-template-columns: repeat(2, 1fr); }
  .ind-steps-grid { grid-template-columns: 1fr; }
  .ind-steps-footer { text-align: left; }
}
@media (max-width: 600px) {
  .ind-who-grid       { grid-template-columns: 1fr; }
  .ind-how-card       { padding: 32px 28px; }
  .ind-mid-cta        { padding: 28px; }
}

/* ===== service-data-analytics.css ===== */
/* ============================================================
   DATA ANALYTICS SERVICE PAGE — service-data-analytics.php
   ============================================================ */

/* ── HERO ── */
.da-hero {
  background: var(--navy, #0c1a35);
  min-height: 380px;
  display: flex;
  align-items: center;
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.da-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/data-analytics.jpeg");
  background-size: cover;
  background-position: center;
  opacity: 0.08;
}
.da-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 100px;
  background: linear-gradient(to bottom, transparent, var(--navy, #0c1a35));
}
.da-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 700px;
}
.da-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 700;
  color: #fff;
  line-height: 1.05;
  margin-bottom: 20px;
}
.da-hero-support {
  font-size: 18px;
  color: rgba(255,255,255,0.8);
  line-height: 1.85;
  max-width: 600px;
}

/* ── SHARED ── */
.da-section-h3 {
  font-family: var(--font-sans, sans-serif);
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 12px 0 0;
  max-width: 640px;
}
.da-lead {
  font-size: 18px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
  line-height: 1.6;
  margin-top: 8px;
}

/* ── INTRO GRID ── */
.da-intro-grid {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 80px;
  align-items: start;
}
.da-sequence {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 28px;
  border-left: 2px solid var(--line, #e4e0d8);
  padding-left: 24px;
}
.da-seq-item {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 400;
  color: var(--slate, #5a6478);
  padding: 10px 0;
  border-bottom: 1px solid var(--line, #e4e0d8);
  position: relative;
}
.da-seq-item::before {
  content: '';
  position: absolute;
  left: -29px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--orange, #ff5e00);
  border-radius: 50%;
}
.da-seq-item:last-child { border-bottom: none; }

/* Pull quote */
.da-pull-quote {
  background: var(--navy, #0c1a35);
  padding: 44px 40px;
  margin-bottom: 20px;
}
.da-pq-mark {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 72px;
  color: var(--orange, #ff5e00);
  line-height: 0.5;
  margin-bottom: 20px;
  opacity: 0.35;
}
.da-pull-quote p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  line-height: 1.5;
  font-style: italic;
}
.da-pq-attr {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* Not/Is block */
.da-not-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 32px 36px;
}
.da-not-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 14px;
}
.da-not-item {
  font-size: 14px;
  color: var(--slate, #5a6478);
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.da-cross { color: #b04040; font-weight: 700; }
.da-tick  { color: var(--orange, #ff5e00); font-weight: 700; }
.da-not-divider {
  height: 1px;
  background: var(--line, #e4e0d8);
  margin: 16px 0;
}

/* ── PROBLEM ── */
.da-problem-inner {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 72px;
  align-items: start;
}
.da-result-block {
  background: var(--navy, #0c1a35);
  padding: 48px 44px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.da-rb-title {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 16px;
}
.da-result-block > p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 21px;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  line-height: 1.5;
  font-style: italic;
}
.da-rb-line {
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin: 24px 0;
}

/* ── APPROACH TABS ── */
.da-tabs {
  display: flex;
  border-bottom: 2px solid var(--line, #e4e0d8);
  gap: 0;
  margin-top: 48px;
  overflow-x: auto;
  scrollbar-width: none;
}
.da-tabs::-webkit-scrollbar { display: none; }
.da-tab {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 32px;
  font-size: 14px;
  font-weight: 500;
  color: var(--slate, #5a6478);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  white-space: nowrap;
  transition: color .2s, border-color .2s;
}
.da-tab:hover { color: var(--navy, #0c1a35); }
.da-tab.active {
  color: var(--navy, #0c1a35);
  border-bottom-color: var(--orange, #ff5e00);
  font-weight: 600;
}
.da-tab-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  font-size: 12px;
  font-weight: 700;
  color: var(--slate-light, #9aa0ae);
  flex-shrink: 0;
  transition: background .2s, color .2s, border-color .2s;
}
.da-tab.active .da-tab-num {
  background: var(--orange, #ff5e00);
  border-color: var(--orange, #ff5e00);
  color: #fff;
}

/* Panels */
.da-tab-panels { margin-top: 0; }
.da-panel { display: none; }
.da-panel.active { display: block; }
.da-panel-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 380px;
  border: 1px solid var(--line, #e4e0d8);
  border-top: none;
}
.da-panel-content {
  padding: 56px 52px;
}
.da-panel-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange, #ff5e00);
  margin-bottom: 20px;
}
.da-panel-h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  line-height: 1.3;
  margin-bottom: 8px;
}
.da-panel-visual {
  position: relative;
  overflow: hidden;
}
.da-panel-img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease;
}
.da-panel.active .da-panel-img { transform: scale(1.02); }
.da-panel-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(255,255,255,0.08), transparent);
}

/* ── DELIVERS + WHO ── */
.da-delivers-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: start;
}
.da-who-block {
  background: var(--navy, #0c1a35);
  padding: 52px 48px;
}
.da-who-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.da-industries-note {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.da-in-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 14px;
}
.da-in-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.da-in-tags span {
  font-size: 12px;
  color: rgba(255,255,255,0.8);
  padding: 5px 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}

/* ── WHAT COMES NEXT ── */
.da-next-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.da-next-tile {
  background: var(--white, #fff);
  padding: 44px 36px;
  transition: background .2s;
}
.da-next-tile:hover { background: var(--cream, #f7f5f0); }
.da-next-highlight {
  background: var(--navy, #0c1a35) !important;
}
.da-next-highlight h3 { color: #fff !important; }
.da-next-highlight p { color: rgba(255,255,255,0.8) !important; }
.da-next-highlight .da-next-num { color: rgba(255,94,0,0.6) !important; }
.da-next-num {
  font-size: 28px;
  color: var(--orange, #ff5e00);
  margin-bottom: 16px;
  font-weight: 700;
}
.da-next-tile h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 19px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 10px;
  line-height: 1.3;
}
.da-next-tile p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}
.da-next-footer {
  margin-top: 36px;
  padding: 28px 36px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  text-align: center;
}
.da-next-footer p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  font-style: italic;
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .da-intro-grid    { grid-template-columns: 1fr; }
  .da-problem-inner { grid-template-columns: 1fr; }
  .da-delivers-inner{ grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .da-panel-inner { grid-template-columns: 1fr; }
  .da-panel-visual { min-height: 240px; position: relative; }
  .da-panel-img { position: relative; inset: auto; width: 100%; height: 240px; }
  .da-next-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .da-tab { padding: 14px 18px; font-size: 13px; }
  .da-panel-content { padding: 36px 28px; }
  .da-next-grid { grid-template-columns: 1fr; }
}

/* ===== service-data-engineering.css ===== */
/* ============================================================
   DATA ENGINEERING SERVICE PAGE — service-data-engineering.php
   Shares tab/panel pattern with Data Analytics page (da-*)
   Uses de-* prefix for all unique styles.
   ============================================================ */

/* ── HERO ── */
.de-hero {
  background: var(--navy, #0c1a35);
  min-height: 380px;
  display: flex;
  align-items: center;
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.de-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-20-at-01.55.26-5.jpeg");
  background-size: cover;
  background-position: center;
  opacity: 0.08;
}
.de-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 100px;
  background: linear-gradient(to bottom, transparent, var(--navy, #0c1a35));
}
.de-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 700px;
}
.de-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 700;
  color: #fff;
  line-height: 1.05;
  margin-bottom: 20px;
}
.de-hero-support {
  font-size: 18px;
  color: rgba(255,255,255,0.8);
  line-height: 1.85;
  max-width: 600px;
}

/* ── SHARED ── */
.de-section-h3 {
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 12px 0 0;
  max-width: 640px;
}
.de-lead {
  font-size: 18px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
  line-height: 1.6;
  margin-top: 8px;
}

/* ── INTRO GRID ── */
.de-intro-grid {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 80px;
  align-items: start;
}

/* Sequence dots */
.de-sequence {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 28px;
  border-left: 2px solid var(--line, #e4e0d8);
  padding-left: 24px;
}
.de-seq-item {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  color: var(--slate, #5a6478);
  padding: 10px 0;
  border-bottom: 1px solid var(--line, #e4e0d8);
  position: relative;
}
.de-seq-item::before {
  content: '';
  position: absolute;
  left: -29px; top: 50%;
  transform: translateY(-50%);
  width: 8px; height: 8px;
  background: var(--orange, #ff5e00);
  border-radius: 50%;
}
.de-seq-item:last-child { border-bottom: none; }

/* Pull quote */
.de-pull-quote {
  background: var(--navy, #0c1a35);
  padding: 44px 40px;
  margin-bottom: 20px;
}
.de-pq-mark {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 72px;
  color: var(--orange, #ff5e00);
  line-height: 0.5;
  margin-bottom: 20px;
  opacity: 0.35;
}
.de-pull-quote p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  line-height: 1.55;
  font-style: italic;
}
.de-pq-attr {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* Not/Is block */
.de-not-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 32px 36px;
}
.de-not-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 14px;
}
.de-not-item {
  font-size: 14px;
  color: var(--slate, #5a6478);
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.de-not-item:last-child { border-bottom: none; }
.de-cross { color: #b04040; font-weight: 700; flex-shrink: 0; }
.de-tick  { color: var(--orange, #ff5e00); font-weight: 700; flex-shrink: 0; }
.de-not-divider { height: 1px; background: var(--line, #e4e0d8); margin: 16px 0; }

/* ── PROBLEM ── */
.de-problem-inner {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 72px;
  align-items: start;
}
.de-result-block {
  background: var(--navy, #0c1a35);
  padding: 48px 44px;
}
.de-rb-title {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 16px;
}
.de-result-block > p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  color: rgba(255,255,255,0.8);
  line-height: 1.55;
  font-style: italic;
}
.de-rb-line {
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin: 24px 0;
}

/* ── TABS (mirrors da-tabs) ── */
.de-tabs {
  display: flex;
  border-bottom: 2px solid var(--line, #e4e0d8);
  margin-top: 48px;
  overflow-x: auto;
  scrollbar-width: none;
}
.de-tabs::-webkit-scrollbar { display: none; }
.de-tab {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 32px;
  font-size: 14px;
  font-weight: 500;
  color: var(--slate, #5a6478);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  white-space: nowrap;
  transition: color .2s, border-color .2s;
}
.de-tab:hover { color: var(--navy, #0c1a35); }
.de-tab.active {
  color: var(--navy, #0c1a35);
  border-bottom-color: var(--orange, #ff5e00);
  font-weight: 600;
}
.de-tab-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px; height: 24px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  font-size: 12px;
  font-weight: 700;
  color: var(--slate-light, #9aa0ae);
  flex-shrink: 0;
  transition: background .2s, color .2s, border-color .2s;
}
.de-tab.active .de-tab-num {
  background: var(--orange, #ff5e00);
  border-color: var(--orange, #ff5e00);
  color: #fff;
}
.de-tab-panels { margin-top: 0; }
.de-panel { display: none; }
.de-panel.active { display: block; }
.de-panel-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 380px;
  border: 1px solid var(--line, #e4e0d8);
  border-top: none;
}
.de-panel-content { padding: 56px 52px; }
.de-panel-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange, #ff5e00);
  margin-bottom: 20px;
}
.de-panel-h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  line-height: 1.3;
  margin-bottom: 8px;
}
.de-panel-visual { position: relative; overflow: hidden; }
.de-panel-img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease;
}
.de-panel.active .de-panel-img { transform: scale(1.02); }

/* ── DELIVERS + WHO ── */
.de-delivers-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: start;
}
.de-who-block {
  background: var(--navy, #0c1a35);
  padding: 52px 48px;
}
.de-who-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.de-industries-note {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.de-in-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 14px;
}
.de-in-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.de-in-tags span {
  font-size: 12px;
  color: rgba(255,255,255,0.8);
  padding: 5px 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}

/* ── WHAT COMES NEXT ── */
.de-next-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.de-next-tile {
  background: var(--white, #fff);
  padding: 44px 32px;
  transition: background .2s;
}
.de-next-tile:hover { background: var(--cream, #f7f5f0); }
.de-next-highlight {
  background: var(--navy, #0c1a35) !important;
}
.de-next-highlight h3 { color: #fff !important; }
.de-next-highlight p  { color: rgba(255,255,255,0.45) !important; }
.de-next-highlight .de-next-arrow { color: rgba(255,94,0,0.7) !important; }
.de-next-arrow {
  font-size: 26px;
  color: var(--orange, #ff5e00);
  margin-bottom: 16px;
  font-weight: 700;
}
.de-next-tile h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 10px;
  line-height: 1.3;
}
.de-next-tile p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }
.de-next-footer {
  margin-top: 32px;
  padding: 24px 36px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  text-align: center;
}
.de-next-footer p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  font-style: italic;
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .de-intro-grid    { grid-template-columns: 1fr; }
  .de-problem-inner { grid-template-columns: 1fr; }
  .de-delivers-inner{ grid-template-columns: 1fr; }
  .de-next-grid     { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .de-panel-inner { grid-template-columns: 1fr; }
  .de-panel-visual { min-height: 220px; position: relative; }
  .de-panel-img    { position: relative; inset: auto; width: 100%; height: 220px; }
}
@media (max-width: 600px) {
  .de-tab { padding: 14px 18px; font-size: 13px; }
  .de-panel-content { padding: 32px 24px; }
  .de-next-grid { grid-template-columns: 1fr; }
}

/* ===== service-applied-ai.css ===== */
/* ============================================================
   APPLIED AI SERVICE PAGE — service-applied-ai.php
   Uses ai-* prefix for all unique styles.
   ============================================================ */

/* ── HERO ── */
.ai-hero {
  background: var(--navy, #0c1a35);
  min-height: 400px;
  display: flex;
  align-items: center;
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.ai-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/ai-service.jpeg");
  background-size: cover;
  background-position: center;
  opacity: 0.09;
}
.ai-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 60%, rgba(255,94,0,0.07) 0%, transparent 65%);
}
.ai-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 700px;
}
.ai-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(44px, 7vw, 88px);
  font-weight: 700;
  color: #fff;
  line-height: 1.0;
  margin-bottom: 20px;
}
.ai-hero-support {
  font-size: 18px;
  color: rgba(255,255,255,0.8);
  line-height: 1.85;
  max-width: 600px;
}

/* ── SHARED SECTION H3 ── */
.ai-section-h3 {
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 12px 0 0;
  max-width: 640px;
}

/* ── INTRO GRID ── */
.ai-intro-grid {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 80px;
  align-items: start;
}

/* Sequence dots */
.ai-sequence {
  display: flex;
  flex-direction: column;
  border-left: 2px solid var(--line, #e4e0d8);
  padding-left: 24px;
  margin-top: 28px;
}
.ai-seq-item {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  color: var(--slate, #5a6478);
  padding: 10px 0;
  border-bottom: 1px solid var(--line, #e4e0d8);
  position: relative;
}
.ai-seq-item::before {
  content: '';
  position: absolute;
  left: -29px; top: 50%;
  transform: translateY(-50%);
  width: 8px; height: 8px;
  background: var(--orange, #ff5e00);
  border-radius: 50%;
}
.ai-seq-item:last-child { border-bottom: none; }

.ai-highlight-line {
  margin-top: 24px;
  padding: 20px 24px;
  border-left: 3px solid var(--orange, #ff5e00);
  background: rgba(255,94,0,0.04);
  font-size: 16px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
  line-height: 1.75;
  font-style: italic;
}

/* Pull quote + fails stack */
.ai-pull-quote {
  background: var(--navy, #0c1a35);
  padding: 44px 40px;
  margin-bottom: 20px;
}
.ai-pq-mark {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 72px;
  color: var(--orange, #ff5e00);
  line-height: 0.5;
  margin-bottom: 20px;
  opacity: 0.35;
}
.ai-pull-quote p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 19px;
  color: rgba(255,255,255,0.8);
  line-height: 1.55;
  font-style: italic;
}
.ai-pq-attr {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.ai-fails-stack {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 28px 32px;
}
.ai-fails-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 16px;
}
.ai-fail-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid var(--line, #e4e0d8);
  font-size: 14px;
  color: var(--slate, #5a6478);
}
.ai-fail-item:last-child { border-bottom: none; }
.ai-x { color: #b04040; font-weight: 700; }

/* ── TWO-COL GENERIC ── */
.ai-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: start;
}

/* Analytics-first block */
.ai-analytics-first {
  background: var(--navy, #0c1a35);
  padding: 52px 48px;
}
.ai-af-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.ai-af-text {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,0.8);
  letter-spacing: 0.5px;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-size: 11px;
}
.ai-af-footer {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.ai-af-footer p {
  font-size: 14px;
  color: rgba(255,255,255,0.4);
  font-style: italic;
  line-height: 1.7;
}
.ai-sequence-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.ai-sequence-strip span {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255,255,255,0.35);
  padding: 5px 12px;
  border: 1px solid rgba(255,255,255,0.1);
}
.ai-ss-arrow { border: none !important; padding: 0 !important; color: rgba(255,94,0,0.4) !important; }
.ai-ss-active {
  background: var(--orange, #ff5e00) !important;
  border-color: var(--orange, #ff5e00) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* ── WHAT APPLIED AI MEANS ── */
.ai-what-inner {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 72px;
  align-items: start;
}
.ai-principle-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  border-top: 3px solid var(--orange, #ff5e00);
  padding: 48px 44px;
}
.ai-pb-mark {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 80px;
  color: var(--orange, #ff5e00);
  line-height: 0.5;
  margin-bottom: 24px;
  opacity: 0.2;
}
.ai-principle-block p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 21px;
  font-weight: 400;
  color: var(--navy, #0c1a35);
  line-height: 1.55;
  font-style: italic;
}
.ai-pb-footer {
  font-size: 13px;
  color: var(--slate-light, #9aa0ae);
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--line, #e4e0d8);
  font-style: italic;
}

/* ── MID-PAGE CTA ── */
.ai-mid-cta {
  background: var(--navy, #0c1a35);
  border-top: 1px solid rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: var(--space-12, 48px) 0;
}
.ai-mid-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

/* ── VALUE GRID ── */
.ai-value-grid {
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  gap: 0;
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.ai-value-col { padding: 52px 48px; }
.ai-value-yes { background: var(--white, #fff); }
.ai-value-no  { background: var(--cream, #f7f5f0); }
.ai-vc-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.ai-vc-label.yes { color: var(--success, #437a22); }
.ai-vc-label.no  { color: #b04040; }
.ai-value-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--line, #e4e0d8);
}
.ai-vd-vs {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 14px;
  font-weight: 700;
  color: var(--slate-light, #9aa0ae);
  writing-mode: vertical-rl;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.ai-use-cases {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--line, #e4e0d8);
}
.ai-uc-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 14px;
}
.ai-uc-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.ai-uc-tags span {
  font-size: 12px;
  color: var(--slate, #5a6478);
  padding: 5px 14px;
  border: 1px solid var(--line, #e4e0d8);
  background: var(--cream, #f7f5f0);
}
.ai-strengthen-note {
  margin-top: 28px;
  padding: 20px 24px;
  background: rgba(176,64,64,0.05);
  border-left: 3px solid #b04040;
}
.ai-strengthen-note p {
  font-size: 15px;
  color: var(--slate, #5a6478);
  line-height: 1.7;
}

/* ── APPROACH STEPS ── */
.ai-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.ai-step {
  background: var(--cream, #f7f5f0);
  padding: 44px 36px;
  transition: background .2s;
}
.ai-step:hover { background: var(--white, #fff); }
.ai-step-wide {
  grid-column: 1 / -1;
  background: var(--navy, #0c1a35) !important;
}
.ai-step-wide .ai-step-num  { color: rgba(255,94,0,0.6); border-color: rgba(255,94,0,0.25); background: rgba(255,94,0,0.07); }
.ai-step-wide .ai-step-title { color: #fff; }
.ai-step-wide .ai-step-desc  { color: rgba(255,255,255,0.45); }
.ai-step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border: 1px solid rgba(255,94,0,0.3);
  background: rgba(255,94,0,0.06);
  font-size: 14px;
  font-weight: 700;
  color: var(--orange, #ff5e00);
  margin-bottom: 18px;
}
.ai-step-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 10px;
  line-height: 1.3;
}
.ai-step-desc { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }

/* ── JOURNEY FLOW ── */
.ai-journey-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
  margin-top: 52px;
  border: 1px solid rgba(255,255,255,0.08);
}
.ai-jf-step {
  flex: 1;
  min-width: 160px;
  padding: 44px 32px;
  border-right: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.02);
  transition: background .2s;
}
.ai-jf-step:last-child { border-right: none; }
.ai-jf-step:hover { background: rgba(255,255,255,0.04); }
.ai-jf-active {
  background: rgba(255,94,0,0.08) !important;
  border-bottom: 2px solid var(--orange, #ff5e00);
}
.ai-jf-arrow {
  padding: 0 4px;
  color: rgba(255,94,0,0.4);
  font-size: 22px;
  flex-shrink: 0;
}
.ai-jf-num {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  color: rgba(255,255,255,0.2);
  margin-bottom: 12px;
}
.ai-jf-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 16px;
  font-weight: 700;
  color: rgba(255,255,255,0.8);
  margin-bottom: 8px;
  line-height: 1.3;
}
.ai-jf-desc { font-size: 13px; color: rgba(255,255,255,0.35); line-height: 1.7; }
.ai-jf-active .ai-jf-title { color: #fff; }
.ai-jf-active .ai-jf-desc  { color: rgba(255,255,255,0.55); }
.ai-journey-note {
  margin-top: 32px;
  text-align: center;
}
.ai-journey-note p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  color: rgba(255,255,255,0.35);
  font-style: italic;
}

/* ── FAQ (native <details>) ── */
.ai-faq-list { margin-top: 8px; }
.ai-faq-item {
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.ai-faq-item:first-child { border-top: 1px solid var(--line, #e4e0d8); }
.ai-faq-q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0;
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  cursor: pointer;
  list-style: none;
  gap: 16px;
  transition: color .2s;
}
.ai-faq-q::-webkit-details-marker { display: none; }
.ai-faq-q::after {
  content: '+';
  flex-shrink: 0;
  font-size: 24px;
  font-weight: 300;
  color: var(--orange, #ff5e00);
  transition: transform .2s;
}
.ai-faq-item[open] .ai-faq-q::after {
  content: '−';
}
.ai-faq-item[open] .ai-faq-q { color: var(--orange, #ff5e00); }
.ai-faq-a {
  padding: 0 0 28px;
  max-width: 680px;
}
.ai-faq-a p {
  font-size: 15px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
}
.ai-faq-cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid var(--line, #e4e0d8);
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .ai-intro-grid { grid-template-columns: 1fr; }
  .ai-what-inner  { grid-template-columns: 1fr; }
  .ai-two-col     { grid-template-columns: 1fr; }
  .ai-value-grid  { grid-template-columns: 1fr; }
  .ai-value-divider { display: none; }
  .ai-steps-grid  { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px) {
  .ai-journey-flow { flex-direction: column; }
  .ai-jf-arrow { transform: rotate(90deg); }
  .ai-jf-step  { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.06); width: 100%; }
  .ai-mid-cta-inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
  .ai-steps-grid { grid-template-columns: 1fr; }
  .ai-faq-cta    { flex-direction: column; }
}

/* ===== service-poc.css ===== */
/* ============================================================
   POC PAGE — service-poc.php
   Uses poc-* prefix for all unique styles.
   ============================================================ */

/* ── HERO ── */
.poc-hero {
  background: var(--navy, #0c1a35);
  min-height: 460px;
  display: flex;
  align-items: center;
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.poc-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/PHOTO-2026-05-22-15-34-33.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.06;
}
.poc-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(110deg, rgba(12,26,53,0.97) 45%, rgba(12,26,53,0.80) 100%);
}
.poc-hero-inner {
  position: relative; z-index: 2; max-width: 760px;
}
.poc-h1-tag {
  font-weight: 300;
  color: rgba(255,255,255,0.45);
  font-size: 0.75em;
}
.poc-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 700; color: #fff; line-height: 1.05; margin-bottom: 16px;
}
.poc-hero .slide-divider { background: rgba(255,94,0,0.4); }
.poc-hero-h2 {
  font-size: clamp(18px, 2.2vw, 24px); font-weight: 300;
  color: rgba(255,255,255,0.7); font-style: italic;
  line-height: 1.4; margin-bottom: 16px;
}
.poc-hero-support {
  font-size: 15px; color: rgba(255,255,255,0.4);
  line-height: 1.9; max-width: 600px; margin-bottom: 40px;
}
.poc-hero-cta { display: inline-block; }

/* ── SHARED ── */
.poc-section-h3 {
  font-size: 17px; font-weight: 300; color: var(--slate, #5a6478);
  line-height: 1.85; max-width: 600px; margin-top: 16px;
}

/* ── WHAT ── */
.poc-what-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}
.poc-two-statements {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.poc-stmt {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 28px 32px;
}
.poc-stmt-yes { background: var(--white, #fff); }
.poc-stmt-no  { background: var(--cream, #f7f5f0); }
.poc-stmt-icon {
  width: 36px; height: 36px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 700;
  border: 1px solid;
}
.poc-stmt-yes .poc-stmt-icon { color: var(--orange, #ff5e00); border-color: rgba(255,94,0,0.3); background: rgba(255,94,0,0.05); }
.poc-stmt-no  .poc-stmt-icon { color: #b04040; border-color: rgba(176,64,64,0.3); background: rgba(176,64,64,0.04); }
.poc-stmt p { font-size: 15px; color: var(--navy, #0c1a35); line-height: 1.75; font-weight: 500; }

/* ── ENGAGEMENT FLOW ── */
.poc-flow-track {
  display: flex; align-items: stretch;
  margin-top: 40px;
  border: 1px solid var(--line, #e4e0d8);
  background: var(--line, #e4e0d8);
  gap: 1px;
}
.poc-flow-step {
  display: flex; align-items: center;
  flex: 1;
}
.poc-fs-box {
  flex: 1; padding: 28px 20px;
  background: var(--cream, #f7f5f0);
  font-family: var(--font-serif, Georgia, serif);
  font-size: 15px; font-weight: 600;
  color: var(--slate, #5a6478);
  text-align: center; line-height: 1.4;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  transition: background .2s;
}
.poc-fs-arrow {
  padding: 0 4px; font-size: 20px;
  color: rgba(255,94,0,0.4); background: var(--cream, #f7f5f0);
  display: flex; align-items: center; self-align: stretch;
  padding: 28px 4px;
}
.poc-flow-active .poc-fs-box {
  background: var(--navy, #0c1a35);
  color: #fff; font-size: 18px;
}
.poc-fa-tag {
  font-size: 10px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--orange-light, #ff9a5c);
}
.poc-flow-future .poc-fs-box {
  background: var(--cream, #f7f5f0);
  color: var(--slate-light, #9aa0ae); font-style: italic;
}

/* Conditions */
.poc-flow-conditions {
  border: 1px solid var(--line, #e4e0d8); border-top: none;
  background: var(--white, #fff); padding: 36px 40px;
}
.poc-fc-label {
  font-size: 13px; font-weight: 600; letter-spacing: 0.5px;
  color: var(--navy, #0c1a35); margin-bottom: 20px;
}
.poc-fc-grid {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 1px; background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
}
.poc-fc-item {
  background: var(--cream, #f7f5f0); padding: 24px 24px;
  transition: background .2s;
}
.poc-fc-item:hover { background: var(--white, #fff); }
.poc-fc-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 26px; font-weight: 700;
  color: rgba(255,94,0,0.5); margin-bottom: 10px;
}
.poc-fc-item p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.7; }
.poc-fc-note {
  margin-top: 20px; font-size: 14px; font-style: italic;
  color: var(--slate, #5a6478); line-height: 1.7;
}

/* ── SCOPE GRID ── */
.poc-scope-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start;
}
.poc-recommend-note {
  margin-top: 28px; padding: 16px 20px;
  background: var(--cream, #f7f5f0);
  border-left: 3px solid var(--orange, #ff5e00);
  font-size: 14px; font-style: italic;
  color: var(--navy, #0c1a35); line-height: 1.75;
}
.poc-includes-grid {
  margin-top: 24px; display: flex; flex-direction: column;
  gap: 1px; background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.poc-inc-col { padding: 28px 28px; }
.poc-inc-yes { background: var(--white, #fff); }
.poc-inc-no  { background: var(--cream, #f7f5f0); }
.poc-inc-label {
  font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--navy, #0c1a35);
  border-bottom: 2px solid var(--orange, #ff5e00);
  padding-bottom: 10px; margin-bottom: 4px;
}
.poc-inc-label.no { color: #b04040; border-color: #b04040; }
.poc-discipline-note {
  margin-top: 16px; font-size: 13px; color: var(--slate, #5a6478);
  line-height: 1.75; font-style: italic;
  border-top: 1px solid var(--line, #e4e0d8); padding-top: 16px;
}

/* ── SUCCESS + TIMELINE ── */
.poc-two-col {
  display: grid; grid-template-columns: 1fr 360px; gap: 72px; align-items: start;
}
.poc-caveat-note {
  margin-top: 28px; padding: 16px 20px;
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  border-left: 3px solid rgba(176,64,64,0.4);
  font-size: 14px; font-style: italic; color: var(--slate, #5a6478); line-height: 1.75;
}
.poc-timeline-block {
  background: var(--navy, #0c1a35); padding: 48px 44px;
}
.poc-tb-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: var(--orange-light, #ff9a5c);
  margin-bottom: 20px;
}
.poc-tb-duration {
  display: flex; align-items: baseline; gap: 8px;
  margin-bottom: 8px;
}
.poc-tb-weeks {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 64px; font-weight: 700; color: #fff; line-height: 1;
}
.poc-tb-unit {
  font-size: 20px; color: rgba(255,255,255,0.4); font-weight: 300;
}
.poc-tb-divider { height: 1px; background: rgba(255,255,255,0.07); margin: 24px 0; }
.poc-tb-involvement-label {
  font-size: 12px; font-weight: 600; letter-spacing: 1px;
  text-transform: uppercase; color: rgba(255,255,255,0.3); margin-bottom: 4px;
}
.poc-tb-footer {
  margin-top: 24px; padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.07);
  font-size: 13px; font-style: italic; color: rgba(255,255,255,0.35); line-height: 1.75;
}

/* ── AFTER ── */
.poc-after-inner { text-align: center; }
.poc-paths-grid {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 1px; background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin: 40px 0 0;
}
.poc-path {
  padding: 52px 40px; text-align: center; transition: background .2s;
}
.poc-path-proceed { background: var(--white, #fff); }
.poc-path-refine  { background: var(--cream, #f7f5f0); }
.poc-path-pause   { background: var(--white, #fff); }
.poc-path:hover   { background: var(--cream, #f7f5f0); }
.poc-path-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 48px; font-weight: 700;
  color: rgba(255,94,0,0.2); margin-bottom: 12px; display: block;
}
.poc-path-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px; font-weight: 700;
  color: var(--navy, #0c1a35); margin-bottom: 10px;
}
.poc-path p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.7; }
.poc-after-footer {
  margin-top: 0; padding: 20px 32px;
  background: var(--navy, #0c1a35);
  border: 1px solid var(--line, #e4e0d8); border-top: none;
  font-style: italic; font-size: 15px; font-weight: 500;
  color: rgba(255,255,255,0.8); text-align: center;
}

/* ── WHY DIFFERENT ── */
.poc-diff-inner {
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}
.poc-diff-cards {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.poc-diff-card {
  background: var(--white, #fff); padding: 36px 32px;
  transition: background .2s;
}
.poc-diff-card:hover { background: var(--navy, #0c1a35); }
.poc-diff-card:hover h3 { color: #fff; }
.poc-diff-card:hover p  { color: rgba(255,255,255,0.45); }
.poc-diff-card:hover .poc-dc-icon { color: var(--orange-light, #ff9a5c); }
.poc-dc-icon { font-size: 16px; color: var(--orange, #ff5e00); margin-bottom: 14px; display: block; }
.poc-diff-card h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px; font-weight: 700;
  color: var(--navy, #0c1a35); margin-bottom: 8px; line-height: 1.3;
  transition: color .2s;
}
.poc-diff-card p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.7; transition: color .2s; }

/* ── APPLY ── */
.poc-apply-grid {
  display: grid; grid-template-columns: 1fr 420px; gap: 72px; align-items: start;
}
.poc-qualify-note {
  margin-top: 28px; padding: 16px 20px;
  background: var(--cream, #f7f5f0);
  border-left: 3px solid var(--orange, #ff5e00);
  font-size: 14px; font-style: italic;
  color: var(--navy, #0c1a35); line-height: 1.75;
}
.poc-dm-block {
  background: var(--navy, #0c1a35); padding: 52px 48px;
}
.poc-dm-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: var(--orange-light, #ff9a5c);
  margin-bottom: 24px; padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.poc-dm-body {
  font-size: 15px; color: rgba(255,255,255,0.8); line-height: 1.85; margin-bottom: 12px;
}
.poc-dm-question {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px; font-weight: 700; font-style: italic;
  color: #fff; line-height: 1.4; margin: 20px 0;
  padding: 16px 20px;
  border-left: 3px solid rgba(255,94,0,0.5);
  background: rgba(255,255,255,0.03);
}

/* ── FAQ ── */
.poc-faq-wrap {
  display: grid; grid-template-columns: 320px 1fr; gap: 80px; align-items: start;
}
.poc-faq-list {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.poc-faq-item { background: var(--white, #fff); }
.poc-faq-item[open] { background: var(--cream, #f7f5f0); }
.poc-faq-q {
  list-style: none; padding: 22px 28px; font-size: 15px; font-weight: 600;
  color: var(--navy, #0c1a35); cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 16px; line-height: 1.4;
}
.poc-faq-q::-webkit-details-marker { display: none; }
.poc-faq-q::after { content: '+'; font-size: 22px; font-weight: 300; color: var(--orange, #ff5e00); flex-shrink: 0; transition: transform .2s; }
.poc-faq-item[open] .poc-faq-q::after { content: '‘2'; }
.poc-faq-a {
  padding: 16px 28px 24px; font-size: 14px; color: var(--slate, #5a6478);
  line-height: 1.85; border-top: 1px solid var(--line, #e4e0d8);
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .poc-what-grid   { grid-template-columns: 1fr; }
  .poc-scope-grid  { grid-template-columns: 1fr; }
  .poc-two-col     { grid-template-columns: 1fr; }
  .poc-diff-inner  { grid-template-columns: 1fr; }
  .poc-apply-grid  { grid-template-columns: 1fr; }
  .poc-faq-wrap    { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .poc-flow-track  { flex-direction: column; }
  .poc-fs-arrow    { transform: rotate(90deg); padding: 4px 28px; }
  .poc-fc-grid     { grid-template-columns: 1fr 1fr; }
  .poc-paths-grid  { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .poc-diff-cards  { grid-template-columns: 1fr; }
  .poc-fc-grid     { grid-template-columns: 1fr; }
  .poc-tb-weeks    { font-size: 48px; }
}

/* ===== service-parashift-ai.css ===== */
/* ============================================================
   APPLIED & GOVERNED AI (PARASHIFT) — service-parashift-ai.php
   Uses ps-* prefix for all unique styles.
   ============================================================ */

/* ── HERO ── */
.ps-hero {
  background: var(--navy, #0c1a35);
  min-height: 400px;
  display: flex;
  align-items: center;
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.ps-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/ai-servic.jpeg");
  background-size: cover;
  background-position: center;
  opacity: 0.08;
}
.ps-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 70% 40%, rgba(255,94,0,0.06) 0%, transparent 65%);
}
.ps-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 720px;
}
.ps-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(40px, 6.5vw, 80px);
  font-weight: 700;
  color: #fff;
  line-height: 1.0;
  margin-bottom: 20px;
}
.ps-h1-sub {
  display: block;
  font-size: clamp(18px, 2.5vw, 32px);
  color: rgba(255,255,255,0.45);
  font-weight: 300;
  margin-top: 4px;
  font-style: italic;
}
.ps-hero-support {
  font-size: 18px;
  color: rgba(255,255,255,0.8);
  line-height: 1.85;
  max-width: 600px;
}

/* ── SHARED ── */
.ps-section-h3 {
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 12px 0 0;
  max-width: 640px;
}
.ps-section-lead {
  font-size: 18px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
  margin-top: 8px;
}

/* ── INTRO GRID ── */
.ps-intro-grid {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 80px;
  align-items: start;
}

/* Sequence */
.ps-sequence {
  display: flex;
  flex-direction: column;
  border-left: 2px solid var(--line, #e4e0d8);
  padding-left: 24px;
  margin-top: 28px;
}
.ps-seq-item {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  color: var(--slate, #5a6478);
  padding: 10px 0;
  border-bottom: 1px solid var(--line, #e4e0d8);
  position: relative;
}
.ps-seq-item::before {
  content: '';
  position: absolute;
  left: -29px; top: 50%;
  transform: translateY(-50%);
  width: 8px; height: 8px;
  background: var(--orange, #ff5e00);
  border-radius: 50%;
}
.ps-seq-item:last-child { border-bottom: none; }

/* Not/Is block */
.ps-not-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 36px 40px;
  margin-bottom: 16px;
}
.ps-nb-head {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 14px;
}
.ps-nb-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  font-size: 14px;
  color: var(--slate, #5a6478);
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.ps-nb-item:last-child { border-bottom: none; }
.ps-nb-divider { height: 1px; background: var(--line, #e4e0d8); margin: 16px 0; }
.ps-cross { color: #b04040; font-weight: 700; flex-shrink: 0; }
.ps-tick  { color: var(--orange, #ff5e00); font-weight: 700; flex-shrink: 0; }
.ps-trust-note {
  background: var(--navy, #0c1a35);
  padding: 24px 32px;
  font-size: 14px;
  color: rgba(255,255,255,0.9);
  line-height: 1.8;
  border-left: 3px solid var(--orange, #ff5e00);
  font-style: italic;
}

/* ── PROBLEM ── */
.ps-problem-grid {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 72px;
  align-items: start;
}
.ps-result-block {
  background: var(--navy, #0c1a35);
  padding: 48px 44px;
}
.ps-rb-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 16px;
}
.ps-result-block > p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  color: rgba(255,255,255,0.8);
  line-height: 1.55;
  font-style: italic;
}
.ps-rb-divider { height: 1px; background: rgba(255,255,255,0.08); margin: 28px 0; }
.ps-rb-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.06);
}
.ps-rb-stat { padding: 24px 20px; }
.ps-rb-stat-head {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.55);
  margin-bottom: 6px;
  line-height: 1.4;
}
.ps-rb-stat-body {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 600;
  color: var(--orange-light, #ff9a5c);
}

/* ── TABS ── */
.ps-tabs {
  display: flex;
  border-bottom: 2px solid var(--line, #e4e0d8);
  margin-top: 48px;
  overflow-x: auto;
  scrollbar-width: none;
}
.ps-tabs::-webkit-scrollbar { display: none; }
.ps-tab {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 28px;
  font-size: 14px;
  font-weight: 500;
  color: var(--slate, #5a6478);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  white-space: nowrap;
  transition: color .2s, border-color .2s;
}
.ps-tab:hover { color: var(--navy, #0c1a35); }
.ps-tab.active {
  color: var(--navy, #0c1a35);
  border-bottom-color: var(--orange, #ff5e00);
  font-weight: 600;
}
.ps-tab-num {
  width: 24px; height: 24px;
  display: flex; align-items: center; justify-content: center;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  font-size: 12px; font-weight: 700;
  color: var(--slate-light, #9aa0ae);
  flex-shrink: 0;
  transition: background .2s, color .2s, border-color .2s;
}
.ps-tab.active .ps-tab-num {
  background: var(--orange, #ff5e00);
  border-color: var(--orange, #ff5e00);
  color: #fff;
}
.ps-tab-panels { margin-top: 0; }
.ps-panel { display: none; }
.ps-panel.active { display: block; }
.ps-panel-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 380px;
  border: 1px solid var(--line, #e4e0d8);
  border-top: none;
}
.ps-panel-content { padding: 56px 52px; }
.ps-panel-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange, #ff5e00);
  margin-bottom: 20px;
}
.ps-panel-h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  line-height: 1.3;
  margin-bottom: 8px;
}
.ps-panel-visual { position: relative; overflow: hidden; }
.ps-panel-img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s ease;
}
.ps-panel.active .ps-panel-img { transform: scale(1.02); }

/* ── DELIVERS + WHO ── */
.ps-delivers-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: start;
}
.ps-who-block {
  background: var(--navy, #0c1a35);
  padding: 52px 48px;
}
.ps-who-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.ps-industries-note {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.ps-in-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 14px;
}
.ps-in-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.ps-in-tags span {
  font-size: 12px;
  color: rgba(255,255,255,0.8);
  padding: 5px 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}

/* ── CONNECTS GRID ── */
.ps-connects-grid {
  display: grid;
  grid-template-columns: 1fr 300px 1fr;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.ps-connects-col { padding: 52px 40px; background: var(--white, #fff); }
.ps-connects-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.ps-connects-items { display: flex; flex-direction: column; gap: 1px; background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8); }
.ps-ci {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: var(--cream, #f7f5f0);
  font-size: 14px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
  transition: background .2s;
}
.ps-ci:hover { background: var(--white, #fff); }
.ps-ci.leads { flex-direction: row-reverse; }
.ps-ci-arrow { color: var(--orange, #ff5e00); font-size: 18px; font-weight: 700; flex-shrink: 0; }
.ps-connects-center {
  background: var(--navy, #0c1a35);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 36px;
}
.ps-cc-block { text-align: center; }
.ps-cc-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.ps-cc-block p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 16px;
  color: rgba(255,255,255,0.8);
  font-style: italic;
  line-height: 1.6;
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .ps-intro-grid    { grid-template-columns: 1fr; }
  .ps-problem-grid  { grid-template-columns: 1fr; }
  .ps-delivers-inner{ grid-template-columns: 1fr; }
  .ps-connects-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .ps-panel-inner  { grid-template-columns: 1fr; }
  .ps-panel-visual { min-height: 220px; }
  .ps-panel-img    { position: relative; inset: auto; width: 100%; height: 220px; }
}
@media (max-width: 600px) {
  .ps-tab { padding: 14px 16px; font-size: 13px; }
  .ps-panel-content { padding: 32px 24px; }
  .ps-rb-pair { grid-template-columns: 1fr; }
}

/* ===== service-strategy-roadmap.css ===== */
/* ============================================================
   SERVICE – STRATEGY & ROADMAP — service-strategy-roadmap.php
   Prefix: sr-*  |  Accent: --orange (#ff5e00) via existing theme
   ============================================================ */

/* ── HERO ── */
.sr-hero {
  background: var(--navy, #0c1a35);
  min-height: 420px;
  display: flex; align-items: center;
  padding: 140px 0 90px;
  position: relative; overflow: hidden;
  margin-top: 72px;
}
.sr-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/sr.jpeg");
  background-size: cover; background-position: center;
  opacity: 0.06;
}
.sr-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 80% 50%, rgba(255,94,0,0.06) 0%, transparent 60%),
              linear-gradient(110deg, rgba(12,26,53,0.97) 48%, rgba(12,26,53,0.80) 100%);
}
.sr-hero-inner { position: relative; z-index: 2; max-width: 780px; }

.sr-hero-badge {
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(255,94,0,0.08); border: 1px solid rgba(255,94,0,0.2);
  padding: 8px 16px; margin-bottom: 24px;
  color: rgba(255,150,80,0.85);
}
.sr-hero-badge svg { stroke: rgba(255,150,80,0.85); }
.sr-hero-badge span { font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; }

.sr-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(38px, 5.5vw, 70px);
  font-weight: 700; color: #fff; line-height: 1.05; margin-bottom: 16px;
}
.sr-divider { background: rgba(255,94,0,0.5) !important; }

.sr-hero-sub {
  font-size: 17px; color: rgba(255,255,255,0.4);
  line-height: 1.85; max-width: 580px; margin-bottom: 12px;
}
.sr-hero-h2 {
  font-size: clamp(16px, 2vw, 22px); font-weight: 300;
  color: rgba(255,255,255,0.6); line-height: 1.4; margin-bottom: 32px;
}

/* ── ACCENT BTN ── */
.sr-btn-primary {
  background: var(--orange, #ff5e00) !important;
  color: #fff !important;
  border-color: var(--orange, #ff5e00) !important;
}
.sr-btn-primary:hover {
  background: var(--orange-dark, #e04e00) !important;
  border-color: var(--orange-dark, #e04e00) !important;
}
.sr-ghost-btn {
  display: inline-flex; align-items: center;
  padding: 12px 20px; font-size: 13px; font-weight: 600;
  color: rgba(255,255,255,0.55);
  border: 1px solid rgba(255,255,255,0.15);
  text-decoration: none; transition: background .2s;
}
.sr-ghost-btn:hover { background: rgba(255,255,255,0.04); }

.sr-inline-cta {
  display: inline-flex; align-items: center;
  padding: 12px 20px; font-size: 13px; font-weight: 600;
  color: rgba(255,150,80,0.85); border: 1px solid rgba(255,94,0,0.25);
  text-decoration: none; transition: background .2s;
}
.sr-inline-cta:hover { background: rgba(255,94,0,0.06); }

/* ── SHARED ── */
.sr-h3 {
  font-family: var(--font-sans, sans-serif) !important;
  font-size: 17px; font-weight: 300; color: var(--slate, #5a6478);
  line-height: 1.85; max-width: 640px; margin-top: 16px;
}
.sr-body-p { font-size: 15px; color: var(--slate, #5a6478); line-height: 1.85; }

/* ── INTRO GRID ── */
.sr-intro-grid {
  display: grid; grid-template-columns: 1fr 400px; gap: 72px; align-items: start;
}
.sr-activity-row {
  display: flex; flex-direction: column; gap: 8px;
  padding: 20px 0;
  border-top: 1px solid var(--line, #e4e0d8);
  border-bottom: 1px solid var(--line, #e4e0d8);
  margin: 24px 0;
}
.sr-ar-item { display: flex; align-items: center; gap: 10px; font-size: 17px; color: var(--slate, #5a6478); }
.sr-ar-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.sr-ar-dot.done { background: rgba(255,94,0,0.5); }
.sr-btn-wrap{
    margin-top: 48px; /* adjust as needed */
}
.sr-questions {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.sr-q {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 18px 20px; background: var(--white, #fff); transition: background .2s;
}
.sr-q:hover { background: var(--cream, #f7f5f0); }
.sr-q-mark {
  font-family: var(--font-serif, Georgia, serif); font-size: 22px; font-weight: 700;
  color: rgba(255,94,0,0.45); flex-shrink: 0; line-height: 1;
}
.sr-q p { font-size: 15px; color: var(--slate, #5a6478); line-height: 1.7; }

/* What it is block */
.sr-what-it-is {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 44px 40px;
}
.sr-wi-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: var(--orange, #ff5e00); margin-bottom: 14px;
}
.sr-wi-not {
  font-size: 15px; color: rgba(90,100,120,0.6);
  line-height: 1.75; font-style: italic;
}
.sr-wi-divider { height: 1px; background: var(--line, #e4e0d8); margin: 16px 0; }
.sr-wi-is {
  font-size: 15px; color: var(--slate, #5a6478); line-height: 1.85;
}
.sr-wi-list-label { font-size: 17px; font-weight: 700; color: var(--navy, #0c1a35); margin-top: 20px; margin-bottom: 4px; }

/* ── PROBLEM (navy) ── */
.sr-problem-inner {
  display: grid; grid-template-columns: 1fr 420px; gap: 72px; align-items: start;
}
.sr-pain-list {
  display: flex; flex-direction: column; gap: 1px;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.06);
  margin-top: 28px;
}
.sr-pain-item {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 18px 22px; transition: background .2s;
}
.sr-pain-item:hover { background: rgba(255,255,255,0.03); }
.sr-pain-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: rgba(255,94,0,0.6); flex-shrink: 0; margin-top: 7px;
}
.sr-pain-item p { font-size: 15px; color: rgba(255,255,255,0.55); line-height: 1.7; }
.sr-result-note {
  margin-top: 20px; padding: 18px 22px;
  background: rgba(255,94,0,0.07); border-left: 2px solid rgba(255,94,0,0.4);
  font-size: 15px; color: rgba(255,255,255,0.8); line-height: 1.75; font-style: italic;
}
.sr-result-note strong { color: rgba(255,255,255,0.8); }

.sr-two-truths { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); }
.sr-tt-item { padding: 32px 36px; }
.sr-tt-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: rgba(255,94,0,0.6); margin-bottom: 10px;
}
.sr-tt-item p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px; color: rgba(255,255,255,0.65); font-style: italic; line-height: 1.5;
}
.sr-tt-divider {
  text-align: center; font-size: 22px; color: rgba(255,94,0,0.4);
  padding: 10px; background: rgba(255,94,0,0.05); font-weight: 700;
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* ── TABS ── */
.sr-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  margin-top: 44px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
}
.sr-tab {
  width: 100%;
  padding: 18px 20px; font-size: 13px; font-weight: 600;
  font-family: var(--font-sans, sans-serif) !important;
  color: var(--slate, #5a6478); background: var(--white, #fff);
  border: none; cursor: pointer; text-align: center; line-height: 1.4;
  transition: background .2s, color .2s;
}
.sr-tab:hover  { background: var(--cream, #f7f5f0); color: var(--navy, #0c1a35); }
.sr-tab.active { background: var(--navy, #0c1a35); color: #fff; }

.sr-tab-panels { border: 1px solid var(--line, #e4e0d8); border-top: none; }
.sr-tab-panel  { display: none; }
.sr-tab-panel.active { display: block; }

.sr-panel-inner {
  display: block; min-height: auto;
}
.sr-panel-content { padding: 60px 56px; background: var(--white, #fff); }
.sr-panel-visual  { overflow: hidden; }
.sr-panel-visual img { width: 100%; height: 100%; object-fit: cover; display: block; }

.sr-panel-num {
  font-family: var(--font-serif, Georgia, serif); font-size: 52px; font-weight: 700;
  color: rgba(255,94,0,0.12); line-height: 1; margin-bottom: 12px;
}
.sr-panel-title {
  font-family: var(--font-sans, sans-serif) !important; font-size: 26px; font-weight: 700;
  color: var(--navy, #0c1a35); margin-bottom: 16px; line-height: 1.2;
}
.sr-panel-desc { font-family: var(--font-sans, sans-serif) !important; font-size: 15px; color: var(--slate, #5a6478); line-height: 1.85; margin-bottom: 24px; }
.sr-panel-label { font-family: var(--font-sans, sans-serif) !important; font-size: 13px; font-weight: 700; color: var(--navy, #0c1a35); }

.sr-assess-grid {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
  margin-top: 20px;
}
.sr-ag-item {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 18px; background: var(--cream, #f7f5f0);
  font-size: 14px; color: var(--slate, #5a6478);
}
.sr-ag-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--orange, #ff5e00); flex-shrink: 0; }

/* ── OUTCOMES ── */
.sr-outcomes-grid {
  display: grid; grid-template-columns: 1fr 360px; gap: 72px; align-items: start;
}
.sr-outcome-list {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
  margin-top: 28px;
}
.sr-ol-item {
  display: flex; align-items: center; gap: 20px;
  padding: 20px 24px; background: var(--white, #fff); transition: background .2s;
}
.sr-ol-item:hover { background: var(--navy, #0c1a35); }
.sr-ol-item:hover p  { color: rgba(255,255,255,0.6); }
.sr-ol-item:hover .sr-ol-num { color: rgba(255,94,0,0.7); border-color: rgba(255,94,0,0.25); }
.sr-ol-num {
  font-family: var(--font-serif, Georgia, serif); font-size: 22px; font-weight: 700;
  color: rgba(255,94,0,0.45); border: 1px solid rgba(255,94,0,0.2);
  width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0; transition: color .2s, border-color .2s;
}
.sr-ol-item p { font-size: 15px; color: var(--slate, #5a6478); line-height: 1.7; transition: color .2s; }

.sr-north-star {
  background: var(--navy, #0c1a35); padding: 44px 40px;
  border-left: 3px solid rgba(255,94,0,0.5);
}
.sr-ns-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: rgba(255,150,80,0.7); margin-bottom: 16px;
}
.sr-ns-statement {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px; color: #fff; font-style: italic; line-height: 1.4;
}

/* ── WHO ── */
.sr-who-inner {
  display: grid; grid-template-columns: 1fr 420px; gap: 72px; align-items: start;
}
.sr-who-list {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
  margin-top: 28px;
}
.sr-wl-item {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 18px 22px; background: var(--white, #fff); transition: background .2s;
}
.sr-wl-item:hover { background: var(--cream, #f7f5f0); }
.sr-wl-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange, #ff5e00); flex-shrink: 0; margin-top: 8px; }
.sr-wl-item p { font-size: 15px; color: var(--slate, #5a6478); line-height: 1.7; }

.sr-industries-note {
  margin-top: 20px; padding: 20px 24px;
  background: var(--cream, #f7f5f0); border: 1px solid var(--line, #e4e0d8);
}
.sr-in-label { font-size: 11px; font-weight: 700; color: var(--slate-light, #9aa0ae); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px; }
.sr-in-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.sr-in-chips span {
  font-size: 12px; font-weight: 500; color: var(--navy, #0c1a35);
  padding: 5px 12px; border: 1px solid var(--line, #e4e0d8);
  background: var(--white, #fff);
}
.sr-in-caption { font-size: 13px; color: var(--slate, #5a6478); line-height: 1.7; font-style: italic; }

/* Connects block */
.sr-connects { background: var(--navy, #0c1a35); padding: 44px 40px; }
.sr-cn-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: rgba(255,150,80,0.7); margin-bottom: 20px;
  padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.07);
}
.sr-next-list { display: flex; flex-direction: column; gap: 1px; background: rgba(255,255,255,0.05); }
.sr-nx-item {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 16px 20px; transition: background .2s;
}
.sr-nx-item:hover { background: rgba(255,255,255,0.03); }
.sr-nx-arrow { font-size: 16px; color: rgba(255,94,0,0.6); flex-shrink: 0; margin-top: 2px; }
.sr-nx-item p { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; }
.sr-cn-note {
  margin-top: 20px; font-size: 13px; color: rgba(255,255,255,0.35);
  line-height: 1.8; font-style: italic;
  border-top: 1px solid rgba(255,255,255,0.07); padding-top: 16px;
}

/* ── START ── */
.sr-start-inner {
  display: grid; grid-template-columns: 1fr 380px; gap: 72px; align-items: start;
}
.sr-start-cta { background: var(--navy, #0c1a35); padding: 48px 44px; }
.sr-sc-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: rgba(255,150,80,0.7); margin-bottom: 16px;
}

/* ── RESPONSIVE ── */
@media (max-width: 1200px) {
  .sr-panel-inner { grid-template-columns: 1fr; }
  .sr-panel-visual { max-height: 280px; }
}
@media (max-width: 1100px) {
  .sr-intro-grid     { grid-template-columns: 1fr; }
  .sr-problem-inner  { grid-template-columns: 1fr; }
  .sr-outcomes-grid  { grid-template-columns: 1fr; }
  .sr-who-inner      { grid-template-columns: 1fr; }
  .sr-start-inner    { grid-template-columns: 1fr; }
  .sr-tabs           { grid-template-columns: 1fr; }
  .sr-tab            { min-width: unset; }
}
@media (max-width: 768px) {
  .sr-panel-content { padding: 36px 28px; }
}

/* ===== applied-ai.css ===== */
/* ============================================================
   APPLIED AI PAGE — applied-ai.php
   ============================================================ */

/* ── HERO ── */
.ai-hero {
  background: var(--navy, #0c1a35);
  min-height: 440px;
  display: flex;
  align-items: center;
  padding: 140px 0 88px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.ai-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/ai-2.jpeg");
  background-size: cover;
  background-position: center;
  opacity: 0.07;
}
.ai-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent, var(--navy, #0c1a35));
}
.ai-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.ai-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(34px, 5vw, 62px);
  font-weight: 700;
  color: #fff;
  line-height: 1.08;
  margin-bottom: 20px;
}
.ai-hero-h2 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(18px, 2.5vw, 26px);
  font-weight: 400;
  color: rgba(255,255,255,0.7);
  line-height: 1.45;
  margin-bottom: 16px;
  font-style: italic;
}
.ai-hero-support {
  font-size: 16px;
  color: rgba(255,255,255,0.8);
  line-height: 1.85;
  max-width: 640px;
  margin-bottom: 40px;
}

/* ── SHARED H3 STYLE ── */
.ai-section-h3 {
  font-family: var(--font-sans, sans-serif);
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 14px 0 20px;
  max-width: 640px;
}
.ai-section-h3.light {
  color: rgba(255,255,255,0.8);
}

/* ── TWO-COLUMN LAYOUT ── */
.ai-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* ── WHY AI FAILS ── */
.ai-result-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px;
}
.ai-result-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 24px;
}
.ai-result-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line, #e4e0d8);
  font-size: 15px;
  color: var(--slate, #5a6478);
  line-height: 1.5;
}
.ai-result-item:last-of-type {
  border-bottom: none;
}
.ai-result-icon {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255,94,0,0.2);
  background: rgba(255,94,0,0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ai-root-cause {
  margin-top: 28px;
  padding: 24px;
  background: var(--navy, #0c1a35);
}
.ai-rc-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 10px;
}
.ai-rc-text {
  font-size: 15px;
  color: rgba(255,255,255,0.6);
  line-height: 1.75;
}
.ai-rc-text strong {
  color: #fff;
}

/* ── ANALYTICS-FIRST MODEL ── */
.ai-model-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.ai-prereqs {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px;
  margin-bottom: 20px;
}
.ai-prereqs-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange, #ff5e00);
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.ai-prereq {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid var(--line, #e4e0d8);
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.6;
}
.ai-prereq:last-child { border-bottom: none; }
.ai-prereq-num {
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  color: var(--orange, #ff5e00);
  letter-spacing: 1px;
  width: 24px;
  flex-shrink: 0;
}
.ai-sequence {
  background: var(--navy, #0c1a35);
  padding: 32px 36px;
}
.ai-seq-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 20px;
}
.ai-seq-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ai-seq-step {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.35);
  padding: 7px 14px;
  border: 1px solid rgba(255,255,255,0.1);
  letter-spacing: 0.3px;
}
.ai-seq-active {
  background: var(--orange, #ff5e00);
  color: #fff;
  border-color: var(--orange, #ff5e00);
}
.ai-seq-arrow {
  color: rgba(255,255,255,0.2);
  font-size: 14px;
}

/* ── WHAT APPLIED AI MEANS ── */
.ai-means-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.ai-means-is,
.ai-means-principle {
  background: var(--white, #fff);
  padding: 48px 44px;
}
.ai-means-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 14px;
  margin-bottom: 20px;
}
.ai-means-tag.is {
  background: rgba(255,94,0,0.07);
  color: var(--orange, #ff5e00);
  border: 1px solid rgba(255,94,0,0.2);
}
.ai-principle-block {
  background: var(--navy, #0c1a35);
  padding: 48px 44px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ai-principle-mark {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 72px;
  color: var(--orange, #ff5e00);
  line-height: 0.6;
  margin-bottom: 24px;
  opacity: 0.4;
}
.ai-principle-block p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  line-height: 1.55;
  font-style: italic;
}
.ai-principle-attr {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* ── MID-PAGE CTA ── */
.ai-mid-cta {
  background: var(--orange, #ff5e00);
  padding: 64px 0;
}
.ai-mid-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  max-width: var(--content-wide, 1200px);
  margin: 0 auto;
  padding: 0 var(--space-8, 2rem);
}
.ai-mid-cta .section-label { color: rgba(255,255,255,0.6); }
.ai-mid-cta .addend-h2 { color: #fff; }
.ai-mid-cta .btn-primary.btn-orange {
  background: #fff;
  color: var(--orange, #ff5e00);
  border-color: #fff;
  white-space: nowrap;
}
.ai-mid-cta .btn-primary.btn-orange:hover {
  background: rgba(255,255,255,0.9);
}

/* ── WHERE AI DELIVERS VALUE ── */
.ai-value-grid {
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  gap: 0;
  margin-top: 8px;
}
.ai-value-col {
  padding: 48px 40px;
  border: 1px solid var(--line, #e4e0d8);
}
.ai-value-yes { background: var(--white, #fff); border-right: none; }
.ai-value-no  { background: var(--cream, #f7f5f0); border-left: none; }
.ai-value-divider {
  background: var(--line, #e4e0d8);
  width: 1px;
  margin: 0 auto;
}
.ai-value-col-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 14px;
  margin-bottom: 8px;
  display: inline-block;
}
.ai-value-col-label.yes {
  background: rgba(67,122,34,0.08);
  color: var(--success, #437a22);
  border: 1px solid rgba(67,122,34,0.2);
}
.ai-value-col-label.no {
  background: rgba(255,94,0,0.07);
  color: var(--orange, #ff5e00);
  border: 1px solid rgba(255,94,0,0.2);
}
.ai-use-cases {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--line, #e4e0d8);
}
.ai-uc-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 14px;
}
.ai-uc-tags {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-uc-tags span {
  font-size: 13px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 7px 16px;
  display: block;
}
.ai-no-note {
  margin-top: 32px;
  padding: 24px;
  background: var(--white, #fff);
  border-left: 3px solid var(--orange, #ff5e00);
}
.ai-no-note p {
  font-size: 15px;
  color: var(--navy, #0c1a35);
  line-height: 1.7;
}

/* ── HOW ADDEND APPROACHES AI (5 STEPS) ── */
.ai-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 8px;
}
.ai-step {
  background: var(--white, #fff);
  padding: 40px 32px;
  position: relative;
}
.ai-step:hover { background: var(--cream, #f7f5f0); }
.ai-step-wide {
  grid-column: span 4;
  border-top: 1px solid var(--line, #e4e0d8);
  display: grid;
  grid-template-columns: auto 1fr 3fr;
  align-items: start;
  gap: 32px;
}
.ai-step-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 52px;
  font-weight: 700;
  color: rgba(255,94,0,0.1);
  line-height: 1;
  margin-bottom: 16px;
}
.ai-step-wide .ai-step-num { margin-bottom: 0; font-size: 40px; }
.ai-step-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 10px;
  line-height: 1.25;
}
.ai-step-wide .ai-step-title { margin-bottom: 0; align-self: center; }
.ai-step-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}

/* ── JOURNEY FLOW ── */
.ai-journey-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 0;
  align-items: start;
  margin-top: 48px;
}
.ai-jf-step {
  padding: 32px 24px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  text-align: center;
}
.ai-jf-active {
  background: rgba(255,94,0,0.12);
  border-color: rgba(255,94,0,0.3);
}
.ai-jf-arrow {
  font-size: 20px;
  color: rgba(255,255,255,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 8px;
}
.ai-jf-num {
  font-family: var(--font-mono, monospace);
  font-size: 10px;
  color: rgba(255,255,255,0.2);
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.ai-jf-active .ai-jf-num { color: var(--orange-light, #ff9a5c); }
.ai-jf-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 16px;
  font-weight: 700;
  color: rgba(255,255,255,0.7);
  margin-bottom: 8px;
  line-height: 1.2;
}
.ai-jf-active .ai-jf-title { color: #fff; }
.ai-jf-desc {
  font-size: 12px;
  color: rgba(255,255,255,0.3);
  line-height: 1.6;
}
.ai-journey-note { margin-top: 32px; }

/* ── FAQ ── */
.ai-faq-list {
  max-width: 840px;
  margin: 0 auto;
  border: 1px solid var(--line, #e4e0d8);
}
.ai-faq-item {
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.ai-faq-item:last-child { border-bottom: none; }
.ai-faq-q {
  list-style: none;
  padding: 28px 40px;
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.4;
  background: var(--white, #fff);
  transition: background .2s;
}
.ai-faq-q:hover { background: var(--cream, #f7f5f0); }
.ai-faq-q::-webkit-details-marker { display: none; }
.ai-faq-q::after {
  content: '+';
  font-size: 24px;
  font-weight: 300;
  color: var(--orange, #ff5e00);
  flex-shrink: 0;
  margin-left: 24px;
  transition: transform .25s;
}
details[open] .ai-faq-q::after {
  content: '−';
}
details[open] .ai-faq-q {
  background: var(--cream, #f7f5f0);
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.ai-faq-a {
  padding: 28px 40px 32px;
  background: var(--white, #fff);
}
.ai-faq-a p {
  font-size: 15px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  max-width: 680px;
}
.ai-faq-a em {
  font-style: italic;
  color: var(--navy, #0c1a35);
}
.ai-faq-cta {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 48px;
  flex-wrap: wrap;
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .ai-journey-flow {
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--line, #e4e0d8);
  }
  .ai-jf-arrow { display: none; }
  .ai-jf-step { grid-column: span 1; }
  .ai-steps-grid { grid-template-columns: 1fr 1fr; }
  .ai-step-wide { grid-column: span 2; grid-template-columns: auto 1fr; }
  .ai-step-wide .ai-step-desc { grid-column: span 2; }
}
@media (max-width: 900px) {
  .ai-two-col { grid-template-columns: 1fr; gap: 40px; }
  .ai-model-inner { grid-template-columns: 1fr; gap: 40px; }
  .ai-means-grid { grid-template-columns: 1fr; }
  .ai-value-grid { grid-template-columns: 1fr; }
  .ai-value-yes, .ai-value-no { border: 1px solid var(--line, #e4e0d8); }
  .ai-value-divider { display: none; }
  .ai-mid-cta-inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 680px) {
  .ai-steps-grid { grid-template-columns: 1fr; }
  .ai-step-wide { grid-column: span 1; grid-template-columns: auto 1fr; }
  .ai-step-wide .ai-step-desc { grid-column: span 2; }
  .ai-faq-q { padding: 20px 24px; font-size: 16px; }
  .ai-faq-a { padding: 20px 24px; }
  .ai-journey-flow { grid-template-columns: 1fr; }
}

/* ===== partnerships-overview.css ===== */
/* ============================================================
   PARTNERSHIP OVERVIEW — partnerships-overview.php
   Uses po-* prefix for all unique styles.
   ============================================================ */

/* ── HERO ── */
.po-hero {
  background: var(--navy, #0c1a35);
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.po-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&q=60&fit=crop");
  background-size: cover;
  background-position: center;
  opacity: 0.06;
}
.po-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(110deg, rgba(12,26,53,0.97) 45%, rgba(12,26,53,0.75) 100%);
}
.po-hero-inner {
  position: relative; z-index: 2; max-width: 720px;
}
.po-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(36px, 5.5vw, 68px);
  font-weight: 700; color: #fff; line-height: 1.05; margin-bottom: 16px;
}
.po-hero .slide-divider { background: rgba(255,255,255,0.15); }
.po-hero-h2 {
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 300; color: rgba(255,255,255,0.65);
  line-height: 1.5; margin-bottom: 12px; font-style: italic;
}
.po-hero-support {
  font-size: 15px; color: rgba(255,255,255,0.4);
  line-height: 1.85; max-width: 580px;
}

/* Floating logos bar */
.po-hero-logos {
  position: absolute; bottom: 0; right: 0;
  z-index: 2;
  display: flex; align-items: center; gap: 0;
  background: rgba(255,255,255,0.04);
  border-top: 1px solid rgba(255,255,255,0.07);
  border-left: 1px solid rgba(255,255,255,0.07);
  padding: 16px 36px;
}
.po-hl-item {
  display: flex; align-items: center; gap: 10px;
  padding: 0 24px;
}
.po-hl-item span {
  font-size: 13px; font-weight: 600;
  color: rgba(255,255,255,0.8); letter-spacing: 0.5px;
}
.po-hl-sep {
  font-size: 18px; color: rgba(255,255,255,0.15); font-weight: 300;
}

/* ── INTRO GRID ── */
.po-intro-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}

/* Platform sequence */
.po-platform-sequence {
  display: flex; flex-direction: column;
  border-left: 2px solid var(--line, #e4e0d8);
  padding-left: 24px; margin-bottom: 28px;
}
.po-ps-item {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 28px; font-weight: 700;
  color: var(--navy, #0c1a35);
  padding: 10px 0;
  border-bottom: 1px solid var(--line, #e4e0d8);
  position: relative;
}
.po-ps-item::before {
  content: '';
  position: absolute; left: -29px; top: 50%;
  transform: translateY(-50%);
  width: 8px; height: 8px;
  background: var(--orange, #ff5e00); border-radius: 50%;
}
.po-ps-item:last-child { border-bottom: none; }

/* Triple */
.po-triple { display: flex; flex-direction: column; gap: 1px; background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8); }
.po-triple-item {
  background: var(--cream, #f7f5f0);
  padding: 16px 20px;
  font-size: 15px; color: var(--slate, #5a6478); line-height: 1.6;
  display: flex; align-items: center; gap: 10px;
}
.po-triple-item::before {
  content: '✓'; color: var(--orange, #ff5e00); font-weight: 700; flex-shrink: 0;
}
.po-triple-warn { background: var(--navy, #0c1a35) !important; }
.po-triple-warn span { color: rgba(255,255,255,0.6); }
.po-triple-warn::before { content: '!'; color: rgba(255,94,0,0.8); }

/* ── PHILOSOPHY ── */
.po-phil-inner {
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}
.po-q-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.06);
}
.po-q-item {
  padding: 32px 28px;
  transition: background .2s;
}
.po-q-item:hover { background: rgba(255,255,255,0.03); }
.po-q-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 28px; font-weight: 700;
  color: rgba(255,94,0,0.5);
  margin-bottom: 12px;
}
.po-q-item p { font-size: 15px; color: rgba(255,255,255,0.55); line-height: 1.7; }

/* ── PLATFORM CARDS ── */
.po-platform-cards {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 40px;
}
.po-platform-card { background: var(--white, #fff); }

/* Card head */
.po-pc-head {
  display: flex; align-items: center; gap: 20px;
  padding: 32px 48px;
  border-bottom: 1px solid var(--line, #e4e0d8);
  position: relative;
}
.po-pc-head::before {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 4px;
}
.po-ms::before { background: linear-gradient(180deg, #f25022 0%, #00a4ef 50%, #ffb900 100%); }
.po-db::before { background: #FF3621; }
.po-sf::before { background: #29B5E8; }
.po-pc-logo {
  width: 52px; height: 52px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 10px;
}
.po-pc-name {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 24px; font-weight: 700; color: var(--navy, #0c1a35);
  margin-bottom: 4px;
}
.po-pc-sub { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.5; }

/* Card body */
.po-pc-body { padding: 40px 48px; }
.po-fit-row { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.po-fit-label {
  font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; padding-bottom: 10px;
  border-bottom: 2px solid;
}
.po-fit-label.good { color: var(--navy, #0c1a35); border-color: var(--orange, #ff5e00); }
.po-fit-label.bad  { color: #b04040; border-color: #b04040; }
.po-pc-role {
  margin-top: 28px; padding: 16px 20px;
  background: var(--cream, #f7f5f0);
  border-left: 3px solid var(--orange, #ff5e00);
  font-size: 14px; font-style: italic;
  color: var(--navy, #0c1a35); line-height: 1.75;
}
.po-pc-cta {
  display: inline-flex; align-items: center;
  margin-top: 20px; padding: 12px 20px;
  font-size: 13px; font-weight: 600;
  text-decoration: none;
  border: 1px solid;
  transition: background .2s, color .2s;
}
.po-cta-ms { color: #0078d4; border-color: rgba(0,120,212,0.3); }
.po-cta-ms:hover { background: rgba(0,120,212,0.06); }
.po-cta-db { color: #FF3621; border-color: rgba(255,54,33,0.3); }
.po-cta-db:hover { background: rgba(255,54,33,0.06); }
.po-cta-sf { color: #29B5E8; border-color: rgba(41,181,232,0.3); }
.po-cta-sf:hover { background: rgba(41,181,232,0.06); }

/* ── PRINCIPLES GRID ── */
.po-principles-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 40px;
}
.po-principle {
  background: var(--white, #fff);
  padding: 44px 32px;
  transition: background .2s;
}
.po-principle:hover { background: var(--cream, #f7f5f0); }
.po-p-icon { font-size: 16px; color: var(--orange, #ff5e00); margin-bottom: 16px; display: block; }
.po-p-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 16px; font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 10px; line-height: 1.3;
}
.po-principle p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }
.po-consistency-note {
  margin-top: 24px; padding: 20px 32px;
  background: var(--navy, #0c1a35);
  border: 1px solid var(--line, #e4e0d8);
  font-style: italic; font-size: 15px;
  color: rgba(255,255,255,0.8);
  text-align: center; line-height: 1.8;
}

/* ── ARE / ARE NOT ── */
.po-arenot-grid {
  display: grid; grid-template-columns: 1fr 60px 1fr; gap: 0;
  border: 1px solid var(--line, #e4e0d8); margin-top: 40px;
}
.po-an-col { padding: 52px 48px; }
.po-an-yes { background: var(--white, #fff); }
.po-an-no  { background: var(--cream, #f7f5f0); }
.po-an-divider { display: flex; align-items: center; justify-content: center; background: var(--line, #e4e0d8); }
.po-and-line { width: 1px; height: 60%; background: var(--line, #e4e0d8); }
.po-an-label {
  font-size: 11px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; margin-bottom: 4px;
  padding-bottom: 16px; border-bottom: 2px solid;
}
.po-an-label.yes { color: var(--navy, #0c1a35); border-color: var(--orange, #ff5e00); }
.po-an-label.no  { color: #b04040; border-color: #b04040; }
.po-an-footer {
  margin-top: 0; padding: 20px 32px;
  background: var(--navy, #0c1a35);
  border: 1px solid var(--line, #e4e0d8); border-top: none;
  font-style: italic; font-size: 15px; font-weight: 500;
  color: rgba(255,255,255,0.8); text-align: center;
}

/* ── ENGAGE ── */
.po-engage-inner {
  display: grid; grid-template-columns: 1fr 400px; gap: 80px; align-items: start;
}
.po-engage-lead {
  font-size: 17px; font-weight: 300; color: var(--slate, #5a6478);
  line-height: 1.85; margin-top: 12px;
}
.po-outcome-block {
  background: var(--navy, #0c1a35); padding: 48px 44px;
}
.po-ob-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: var(--orange-light, #ff9a5c);
  margin-bottom: 20px; padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.po-ob-paths { display: flex; flex-direction: column; gap: 1px; background: rgba(255,255,255,0.05); }
.po-ob-path {
  padding: 14px 20px; font-size: 14px; color: rgba(255,255,255,0.8); line-height: 1.6;
}
.po-ob-path strong { color: rgba(255,255,255,0.8); }
.po-ob-footer {
  margin-top: 20px; padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.08);
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px; font-weight: 600; font-style: italic;
  color: var(--orange-light, #ff9a5c);
}

/* ── RESPONSIVE ── */
@media (max-width: 1200px) {
  .po-principles-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1100px) {
  .po-intro-grid   { grid-template-columns: 1fr; }
  .po-phil-inner   { grid-template-columns: 1fr; }
  .po-engage-inner { grid-template-columns: 1fr; }
  .po-hero-logos   { position: static; border: none; background: rgba(255,255,255,0.04); border-top: 1px solid rgba(255,255,255,0.07); width: 100%; justify-content: center; }
}
@media (max-width: 900px) {
  .po-fit-row      { grid-template-columns: 1fr; }
  .po-arenot-grid  { grid-template-columns: 1fr; }
  .po-an-divider   { display: none; }
}
@media (max-width: 768px) {
  .po-principles-grid { grid-template-columns: repeat(2, 1fr); }
  .po-q-grid          { grid-template-columns: 1fr; }
  .po-pc-head         { flex-direction: column; align-items: flex-start; padding: 24px 24px; }
  .po-pc-body         { padding: 24px 24px; }
  .po-hero-logos      { flex-wrap: wrap; padding: 16px; justify-content: center; }
}
@media (max-width: 500px) {
  .po-principles-grid { grid-template-columns: 1fr; }
}

/* ===== partnership-microsoft.css ===== */
/* ============================================================
   PARTNERSHIP – MICROSOFT — partnership-microsoft.php
   Uses ms-* prefix for all unique styles.
   Microsoft accent: #00a4ef (Azure Blue) / #0078d4 (M365 Blue)
   ============================================================ */

/* ── HERO ── */
.ms-hero {
  background: var(--navy, #0c1a35);
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.ms-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/PHOTO-2026-05-22-15-42-11.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.07;
}
.ms-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 80% 50%, rgba(0,120,212,0.1) 0%, transparent 60%);
}
.ms-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.ms-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(0,120,212,0.1);
  border: 1px solid rgba(0,120,212,0.25);
  padding: 8px 16px;
  margin-bottom: 24px;
}
.ms-hero-badge span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(0,164,239,0.9);
}
.ms-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(36px, 5.5vw, 68px);
  font-weight: 700;
  color: #fff;
  line-height: 1.05;
  margin-bottom: 16px;
}
.ms-hero .slide-divider { background: rgba(0,120,212,0.7); }
.ms-hero-h2 {
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 300;
  color: rgba(255,255,255,0.65);
  line-height: 1.5;
  margin-bottom: 12px;
  font-style: italic;
}
.ms-hero-support {
  font-size: 15px;
  color: rgba(255,255,255,0.4);
  line-height: 1.85;
  max-width: 580px;
  margin-bottom: 36px;
}

/* ── SHARED ── */
.ms-section-h3 {
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  max-width: 640px;
}
.ms-section-h3.light { color: rgba(255,255,255,0.45); }

/* ── USING GRID ── */
.ms-using-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 80px;
  align-items: start;
}

/* Key question */
.ms-key-question {
  background: var(--cream, #f7f5f0);
  border-left: 3px solid rgba(0,120,212,0.6);
  padding: 20px 24px;
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  line-height: 1.45;
  margin: 24px 0;
}

/* Platform state */
.ms-platform-state {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 0;
  border-top: 1px solid var(--line, #e4e0d8);
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.ms-ps-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--slate, #5a6478);
}
.ms-ps-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: rgba(0,120,212,0.5);
  flex-shrink: 0;
}

/* Brand block */
.ms-brand-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px 36px;
  margin-bottom: 16px;
}
.ms-bb-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 10px;
}
.ms-brand-block > p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }
.ms-bb-divider { height: 1px; background: var(--line, #e4e0d8); margin: 20px 0; }
.ms-bb-products { display: flex; flex-wrap: wrap; gap: 8px; }
.ms-bb-products span {
  font-size: 12px;
  font-weight: 500;
  color: rgba(0,120,212,0.8);
  padding: 5px 12px;
  border: 1px solid rgba(0,120,212,0.2);
  background: rgba(0,120,212,0.04);
}
.ms-addend-role {
  background: var(--navy, #0c1a35);
  padding: 24px 28px;
  border-left: 3px solid rgba(0,120,212,0.6);
}
.ms-ar-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(0,164,239,0.7);
  margin-bottom: 8px;
}
.ms-addend-role > p { font-size: 14px; color: rgba(255,255,255,0.8); line-height: 1.8; font-style: italic; }

/* ── TWO-COL GENERIC ── */
.ms-two-col {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 72px;
  align-items: start;
}

/* Gap block */
.ms-gap-block { background: var(--navy, #0c1a35); overflow: hidden; }
.ms-gb-top, .ms-gb-bottom { padding: 36px 40px; }
.ms-gb-top { background: rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.07); }
.ms-gb-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: rgba(255,255,255,0.35); margin-bottom: 10px;
}
.ms-gb-label.bad { color: rgba(0,164,239,0.7); }
.ms-gb-top p, .ms-gb-bottom p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px; color: rgba(255,255,255,0.75); font-style: italic; line-height: 1.5;
}
.ms-gb-vs {
  text-align: center; font-size: 22px; color: rgba(0,164,239,0.6);
  padding: 12px; background: rgba(0,120,212,0.06); font-weight: 700;
}
.ms-gb-footer {
  padding: 24px 40px; font-size: 13px; color: rgba(255,255,255,0.4);
  line-height: 1.8; border-top: 1px solid rgba(255,255,255,0.07); font-style: italic;
}

/* ── FIT GRID ── */
.ms-fit-grid {
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 40px;
}
.ms-fit-col { padding: 52px 48px; }
.ms-fit-yes { background: var(--white, #fff); }
.ms-fit-no  { background: var(--cream, #f7f5f0); }
.ms-fit-divider {
  display: flex; align-items: center; justify-content: center;
  background: var(--line, #e4e0d8);
}
.ms-fd-vs {
  font-family: var(--font-serif, Georgia, serif); font-size: 18px; font-weight: 700;
  color: var(--slate-light, #9aa0ae); writing-mode: vertical-rl;
  letter-spacing: 4px; text-transform: uppercase;
}
.ms-fc-label { font-size: 13px; font-weight: 700; margin-bottom: 8px; padding-bottom: 16px; border-bottom: 2px solid; }
.ms-fc-label.yes { color: var(--navy, #0c1a35); border-color: rgba(0,120,212,0.5); }
.ms-fc-label.no  { color: #b04040; border-color: #b04040; }
.ms-clarity-note {
  margin-top: 24px; padding: 16px 20px;
  background: rgba(0,120,212,0.04); border-left: 2px solid rgba(0,120,212,0.4);
  font-size: 13px; font-style: italic; color: var(--slate, #5a6478); line-height: 1.75;
}

/* ── WAY OF WORKING ── */
.ms-way-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 40px;
  align-items: stretch;
}
.ms-way-step {
  background: var(--cream, #f7f5f0);
  padding: 44px 36px;
  transition: background .2s, transform .2s;
}
.ms-way-step:hover {
  background: var(--white, #fff);
}
.ms-way-active {
  background: var(--navy, #0c1a35) !important;
}
.ms-way-active .ms-ws-num {
  color: #00a4ef;
  border-color: rgba(0, 164, 239, 0.4);
  background: rgba(0, 164, 239, 0.15);
}
.ms-way-active .ms-ws-title {
  color: #fff;
}
.ms-way-active .ms-ws-desc {
  color: rgba(255, 255, 255, 0.9);
}
.ms-ws-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(0, 120, 212, 0.3);
  background: rgba(0, 120, 212, 0.06);
  font-family: var(--font-serif, Georgia, serif);
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 120, 212, 1);
  margin-bottom: 20px;
}
.ms-ws-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 12px;
  line-height: 1.3;
}
.ms-ws-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}
.ms-way-footer {
  margin-top: 0;
  padding: 20px 36px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  border-top: none;
  text-align: center;
  font-style: italic;
  font-size: 15px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
}

/* ── REAL WORK ── */
.ms-goal-line {
  margin-top: 28px; padding: 20px 24px; background: var(--cream, #f7f5f0);
  border-left: 3px solid var(--orange, #ff5e00);
  font-size: 15px; color: var(--slate, #5a6478); line-height: 1.8;
}
.ms-goal-line strong { display: block; color: var(--navy, #0c1a35); font-size: 17px; margin-top: 6px; }
.ms-real-work {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.ms-rw-item {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 20px 24px; background: var(--white, #fff); transition: background .2s;
}
.ms-rw-item:hover { background: var(--cream, #f7f5f0); }
.ms-rw-icon { color: rgba(0,120,212,0.6); font-size: 14px; flex-shrink: 0; margin-top: 3px; }
.ms-rw-item p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }
.ms-discipline-note {
  margin-top: 16px; padding: 20px 24px; background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8;
}

/* ── NOT FOR ── */
.ms-notfor-inner {
  display: grid; grid-template-columns: 1fr 400px; gap: 72px; align-items: center;
}
.ms-notfor-block {
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
  padding: 48px 44px; display: flex; flex-direction: column; gap: 20px;
}
.ms-nfb-icon { font-size: 28px; color: rgba(0,164,239,0.6); }
.ms-notfor-block > p {
  font-family: var(--font-serif, Georgia, serif); font-size: 18px;
  color: rgba(255,255,255,0.65); line-height: 1.6; font-style: italic;
}

/* ── FAQ ── */
.ms-faq-wrap {
  display: grid; grid-template-columns: 360px 1fr; gap: 80px; align-items: start;
}
.ms-faq-list {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.ms-faq-item { background: var(--white, #fff); }
.ms-faq-item[open] { background: var(--cream, #f7f5f0); }
.ms-faq-q {
  list-style: none; padding: 24px 28px; font-size: 15px; font-weight: 600;
  color: var(--navy, #0c1a35); cursor: pointer;
  display: flex; justify-content: space-between; align-items: center;
  gap: 16px; line-height: 1.4;
}
.ms-faq-q::after { content: '+'; font-size: 22px; font-weight: 300; color: rgba(0,120,212,0.7); flex-shrink: 0; transition: transform .2s; }
.ms-faq-item[open] .ms-faq-q::after { content: '‘2'; }
.ms-faq-a {
  padding: 20px 28px 24px; font-size: 14px; color: var(--slate, #5a6478);
  line-height: 1.85; border-top: 1px solid var(--line, #e4e0d8);
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .ms-using-grid   { grid-template-columns: 1fr; }
  .ms-two-col      { grid-template-columns: 1fr; }
  .ms-notfor-inner { grid-template-columns: 1fr; }
  .ms-faq-wrap     { grid-template-columns: 1fr; }
  .ms-way-grid     { grid-template-columns: 1fr 1fr; }
  .ms-way-arrow    { display: none; }
}
@media (max-width: 800px) {
  .ms-fit-grid   { grid-template-columns: 1fr; }
  .ms-fit-divider { display: none; }
  .ms-way-grid   { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .ms-hero-badge  { flex-wrap: wrap; }
  .ms-bb-products { gap: 6px; }
}

/* ===== partnership-databricks.css ===== */
/* ============================================================
   PARTNERSHIP – DATABRICKS — partnership-databricks.php
   Uses db-* prefix for all unique styles.
   ============================================================ */

/* ── HERO ── */
.db-hero {
  background: var(--navy, #0c1a35);
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.db-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/PHOTO-2026-05-22-15-43-08.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.07;
}
.db-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 80% 50%, rgba(255,54,33,0.07) 0%, transparent 60%);
}
.db-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.db-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,54,33,0.1);
  border: 1px solid rgba(255,54,33,0.2);
  padding: 8px 16px;
  margin-bottom: 24px;
}
.db-hero-badge span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,54,33,0.9);
}
.db-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(36px, 5.5vw, 68px);
  font-weight: 700;
  color: #fff;
  line-height: 1.05;
  margin-bottom: 16px;
}
.db-hero .slide-divider { background: rgba(255,54,33,0.6); }
.db-hero-h2 {
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 300;
  color: rgba(255,255,255,0.65);
  line-height: 1.5;
  margin-bottom: 12px;
  font-style: italic;
}
.db-hero-support {
  font-size: 15px;
  color: rgba(255,255,255,0.4);
  line-height: 1.85;
  max-width: 580px;
  margin-bottom: 36px;
}
.db-hero-cta { display: inline-flex; }

/* ── SHARED ── */
.db-section-h3 {
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  max-width: 640px;
}
.db-section-h3.light { color: rgba(255,255,255,0.45); }

/* ── USING GRID ── */
.db-using-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 80px;
  align-items: start;
}

/* Sequence */
.db-sequence {
  display: flex;
  flex-direction: column;
  border-left: 2px solid var(--line, #e4e0d8);
  padding-left: 24px;
  margin-top: 28px;
}
.db-seq-item {
  font-size: 15px;
  color: var(--slate, #5a6478);
  padding: 10px 0;
  border-bottom: 1px solid var(--line, #e4e0d8);
  position: relative;
}
.db-seq-item::before {
  content: '';
  position: absolute;
  left: -29px; top: 50%;
  transform: translateY(-50%);
  width: 8px; height: 8px;
  background: rgba(255,54,33,0.7);
  border-radius: 50%;
}
.db-seq-item:last-child { border-bottom: none; }

/* Key question */
.db-key-question {
  background: var(--cream, #f7f5f0);
  border-left: 3px solid rgba(255,54,33,0.7);
  padding: 20px 24px;
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  line-height: 1.45;
  margin: 24px 0;
}

/* Platform state */
.db-platform-state {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 0;
  border-top: 1px solid var(--line, #e4e0d8);
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.db-ps-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--slate, #5a6478);
}
.db-ps-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: rgba(255,54,33,0.5);
  flex-shrink: 0;
}

/* Brand block */
.db-brand-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px 36px;
  margin-bottom: 16px;
}
.db-bb-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 10px;
}
.db-brand-block > p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}
.db-bb-divider { height: 1px; background: var(--line, #e4e0d8); margin: 20px 0; }
.db-bb-stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.db-bb-stat-val {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 24px;
  font-weight: 700;
  color: rgba(255,54,33,0.85);
  margin-bottom: 4px;
}
.db-bb-stat-desc { font-size: 12px; color: var(--slate-light, #9aa0ae); }
.db-addend-role {
  background: var(--navy, #0c1a35);
  padding: 24px 28px;
  border-left: 3px solid rgba(255,54,33,0.7);
}
.db-ar-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,54,33,0.8);
  margin-bottom: 8px;
}
.db-addend-role > p {
  font-size: 14px;
  color: rgba(255,255,255,0.8);
  line-height: 1.8;
  font-style: italic;
}

/* ── TWO-COL GENERIC ── */
.db-two-col {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 72px;
  align-items: start;
}

/* Gap block */
.db-gap-block {
  background: var(--navy, #0c1a35);
  overflow: hidden;
}
.db-gb-top, .db-gb-bottom { padding: 36px 40px; }
.db-gb-top { background: rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.07); }
.db-gb-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  margin-bottom: 10px;
}
.db-gb-label.bad { color: rgba(255,54,33,0.7); }
.db-gb-top p, .db-gb-bottom p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  color: rgba(255,255,255,0.75);
  font-style: italic;
  line-height: 1.5;
}
.db-gb-vs {
  text-align: center;
  font-size: 22px;
  color: rgba(255,54,33,0.6);
  padding: 12px;
  background: rgba(255,54,33,0.06);
  font-weight: 700;
}
.db-gb-footer {
  padding: 24px 40px;
  font-size: 13px;
  color: rgba(255,255,255,0.4);
  line-height: 1.8;
  border-top: 1px solid rgba(255,255,255,0.07);
  font-style: italic;
}

/* ── FIT GRID ── */
.db-fit-grid {
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  gap: 0;
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 40px;
}
.db-fit-col { padding: 52px 48px; }
.db-fit-yes { background: var(--white, #fff); }
.db-fit-no  { background: var(--cream, #f7f5f0); }
.db-fit-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--line, #e4e0d8);
}
.db-fd-vs {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--slate-light, #9aa0ae);
  writing-mode: vertical-rl;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.db-fc-label {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  padding-bottom: 16px;
  border-bottom: 2px solid;
}
.db-fc-label.yes { color: var(--navy, #0c1a35); border-color: var(--orange, #ff5e00); }
.db-fc-label.no  { color: #b04040; border-color: #b04040; }
.db-clarity-note {
  margin-top: 24px;
  padding: 16px 20px;
  background: rgba(255,94,0,0.04);
  border-left: 2px solid var(--orange, #ff5e00);
  font-size: 13px;
  font-style: italic;
  color: var(--slate, #5a6478);
  line-height: 1.75;
}

/* ── WAY OF WORKING ── */
.db-way-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 0;
  border: 1px solid var(--line, #e4e0d8);
  background: var(--line, #e4e0d8);
  margin-top: 40px;
  align-items: stretch;
}
.db-way-step {
  background: var(--white, #fff);
  padding: 48px 36px;
  transition: background .2s;
}
.db-way-step:hover { background: var(--cream, #f7f5f0); }
.db-way-active {
  background: var(--navy, #0c1a35) !important;
}
.db-way-active .db-ws-num   { color: rgba(255,54,33,0.8); border-color: rgba(255,54,33,0.3); background: rgba(255,54,33,0.07); }
.db-way-active .db-ws-title { color: #fff; }
.db-way-active .db-ws-desc  { color: rgba(255,255,255,0.45); }
.db-way-arrow {
  background: var(--cream, #f7f5f0);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  font-size: 22px;
  color: rgba(255,54,33,0.5);
  font-weight: 700;
}
.db-ws-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 28px;
  font-weight: 700;
  color: rgba(255,54,33,0.5);
  border: 1px solid rgba(255,54,33,0.2);
  background: rgba(255,54,33,0.04);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px; height: 52px;
  margin-bottom: 20px;
}
.db-ws-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 12px;
  line-height: 1.3;
}
.db-ws-desc { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }
.db-way-footer {
  margin-top: 0;
  padding: 20px 36px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  border-top: none;
  text-align: center;
  font-style: italic;
  font-size: 15px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
}

/* ── REAL WORK ── */
.db-goal-line {
  margin-top: 28px;
  padding: 20px 24px;
  background: var(--cream, #f7f5f0);
  border-left: 3px solid var(--orange, #ff5e00);
  font-size: 15px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}
.db-goal-line strong { display: block; color: var(--navy, #0c1a35); font-size: 17px; margin-top: 6px; }
.db-real-work {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
}
.db-rw-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 24px;
  background: var(--white, #fff);
  transition: background .2s;
}
.db-rw-item:hover { background: var(--cream, #f7f5f0); }
.db-rw-icon { color: rgba(255,54,33,0.7); font-size: 14px; flex-shrink: 0; margin-top: 3px; }
.db-rw-item p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }
.db-discipline-note {
  margin-top: 16px;
  padding: 20px 24px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}

/* ── NOT FOR ── */
.db-notfor-inner {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 72px;
  align-items: center;
}
.db-notfor-block {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 48px 44px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.db-nfb-icon { font-size: 28px; color: rgba(255,54,33,0.6); }
.db-notfor-block > p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  color: rgba(255,255,255,0.65);
  line-height: 1.6;
  font-style: italic;
}

/* ── FAQ ── */
.db-faq-wrap {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 80px;
  align-items: start;
}
.db-faq-list { display: flex; flex-direction: column; gap: 1px; background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8); }
.db-faq-item { background: var(--white, #fff); }
.db-faq-item[open] { background: var(--cream, #f7f5f0); }
.db-faq-q {
  list-style: none;
  padding: 24px 28px;
  font-size: 15px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  line-height: 1.4;
}
.db-faq-q::after {
  content: '+';
  font-size: 22px;
  font-weight: 300;
  color: rgba(255,54,33,0.7);
  flex-shrink: 0;
  transition: transform .2s;
}
.db-faq-item[open] .db-faq-q::after { content: '−'; }
.db-faq-a {
  padding: 0 28px 24px;
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  border-top: 1px solid var(--line, #e4e0d8);
  padding-top: 20px;
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .db-using-grid   { grid-template-columns: 1fr; }
  .db-two-col      { grid-template-columns: 1fr; }
  .db-notfor-inner { grid-template-columns: 1fr; }
  .db-faq-wrap     { grid-template-columns: 1fr; }
  .db-way-grid     { grid-template-columns: 1fr 1fr; }
  .db-way-arrow    { display: none; }
}
@media (max-width: 800px) {
  .db-fit-grid     { grid-template-columns: 1fr; }
  .db-fit-divider  { display: none; }
  .db-way-grid     { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .db-hero-badge   { flex-wrap: wrap; }
  .db-bb-stat-row  { grid-template-columns: 1fr; }
}

/* ===== partnership-snowflake.css ===== */
/* ============================================================
   PARTNERSHIP – SNOWFLAKE — partnership-snowflake.php
   Uses sf-* prefix. Snowflake accent: #29B5E8 (sky blue)
   ============================================================ */

/* ── HERO ── */
.sf-hero {
  background: var(--navy, #0c1a35);
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.sf-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/PHOTO-2026-05-22-15-44-47.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.07;
}
.sf-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 80% 50%, rgba(41,181,232,0.08) 0%, transparent 60%),
              linear-gradient(110deg, rgba(12,26,53,0.97) 45%, rgba(12,26,53,0.80) 100%);
}
.sf-hero-inner {
  position: relative; z-index: 2; max-width: 760px;
}
.sf-hero-badge {
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(41,181,232,0.08);
  border: 1px solid rgba(41,181,232,0.2);
  padding: 8px 16px; margin-bottom: 24px;
}
.sf-hero-badge span {
  font-size: 12px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; color: rgba(41,181,232,0.85);
}
.sf-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(36px, 5.5vw, 68px);
  font-weight: 700; color: #fff; line-height: 1.05; margin-bottom: 16px;
}
.sf-divider { background: rgba(41,181,232,0.5) !important; }
.sf-hero-h2 {
  font-size: clamp(16px, 2vw, 22px); font-weight: 300;
  color: rgba(255,255,255,0.9); line-height: 1.5;
  margin-bottom: 12px; font-style: italic;
}
.sf-hero-support {
  font-size: 15px; color: rgba(255,255,255,0.9);
  line-height: 1.85; max-width: 580px; margin-bottom: 36px;
}
.sf-hero-cta { display: inline-block; }

/* ── ACCENT BTN ── */
.sf-btn-primary {
  background: #29B5E8 !important;
  color: #fff !important;
  border-color: #29B5E8 !important;
}
.sf-btn-primary:hover {
  background: #1a9fd4 !important;
  border-color: #1a9fd4 !important;
}

/* ── INLINE CTA ── */
.sf-inline-cta {
  display: inline-flex; align-items: center;
  margin-top: 24px; padding: 12px 20px;
  font-size: 13px; font-weight: 600;
  color: #29B5E8; border: 1px solid rgba(41,181,232,0.3);
  text-decoration: none; transition: background .2s;
}
.sf-inline-cta:hover { background: rgba(41,181,232,0.06); }

/* ── SHARED ── */
.sf-section-h3 {
  font-size: 17px; font-weight: 300; color: var(--slate, #5a6478);
  line-height: 1.85; max-width: 640px;
}
.sf-section-h3.light { color: rgba(255,255,255,0.9); }

/* ── USING GRID ── */
.sf-using-grid {
  display: grid; grid-template-columns: 1fr 360px; gap: 80px; align-items: start;
}
.sf-key-question {
  background: var(--cream, #f7f5f0);
  border-left: 3px solid rgba(41,181,232,0.6);
  padding: 20px 24px;
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px; font-weight: 600;
  color: var(--navy, #0c1a35); line-height: 1.45; margin: 24px 0;
}
.sf-platform-state {
  display: flex; flex-direction: column; gap: 8px;
  padding: 20px 0;
  border-top: 1px solid var(--line, #e4e0d8);
  border-bottom: 1px solid var(--line, #e4e0d8);
}
.sf-ps-item {
  display: flex; align-items: center; gap: 10px;
  font-size: 14px; color: var(--slate, #5a6478);
}
.sf-ps-grey { opacity: 0.6; }
.sf-ps-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(41,181,232,0.6); flex-shrink: 0;
}
.sf-ps-dot.grey { background: rgba(90,100,120,0.4); }

/* Brand block */
.sf-brand-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px 36px; margin-bottom: 16px;
}
.sf-bb-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: var(--slate-light, #9aa0ae); margin-bottom: 10px;
}
.sf-bb-divider { height: 1px; background: var(--line, #e4e0d8); margin: 20px 0; }
.sf-bb-products { display: flex; flex-wrap: wrap; gap: 8px; }
.sf-bb-products span {
  font-size: 12px; font-weight: 500;
  color: #1a9fd4; padding: 5px 12px;
  border: 1px solid rgba(41,181,232,0.2);
  background: rgba(41,181,232,0.04);
}
.sf-addend-role {
  background: var(--navy, #0c1a35); padding: 24px 28px;
  border-left: 3px solid rgba(41,181,232,0.5);
}
.sf-ar-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: rgba(41,181,232,0.7); margin-bottom: 8px;
}
.sf-addend-role > p { font-size: 14px; color: rgba(255,255,255,0.9); line-height: 1.8; font-style: italic; }

/* ── TWO-COL ── */
.sf-two-col {
  display: grid; grid-template-columns: 1fr 420px; gap: 72px; align-items: start;
}

/* Gap block */
.sf-gap-block { background: var(--navy, #0c1a35); overflow: hidden; }
.sf-gb-top, .sf-gb-bottom { padding: 36px 40px; }
.sf-gb-top { background: rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.07); }
.sf-gb-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: rgba(255,255,255,0.9); margin-bottom: 10px;
}
.sf-gb-label.bad { color: rgba(41,181,232,0.7); }
.sf-gb-top p, .sf-gb-bottom p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px; color: rgba(255,255,255,0.9); font-style: italic; line-height: 1.5;
}
.sf-gb-vs {
  text-align: center; font-size: 22px; color: rgba(41,181,232,0.6);
  padding: 12px; background: rgba(41,181,232,0.06); font-weight: 700;
}
.sf-gb-footer {
  padding: 24px 40px; font-size: 13px; color: rgba(255,255,255,0.9);
  line-height: 1.8; border-top: 1px solid rgba(255,255,255,0.07); font-style: italic;
}

/* Real work list */
.sf-real-work {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.sf-rw-item {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 18px 24px; background: var(--white, #fff); transition: background .2s;
}
.sf-rw-item:hover { background: var(--cream, #f7f5f0); }
.sf-rw-icon { color: rgba(41,181,232,0.7); font-size: 12px; flex-shrink: 0; margin-top: 4px; }
.sf-rw-item p { font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; }
.sf-discipline-note {
  margin-top: 16px; padding: 16px 20px;
  background: var(--cream, #f7f5f0); border: 1px solid var(--line, #e4e0d8);
  font-size: 14px; color: var(--slate, #5a6478); line-height: 1.8; font-style: italic;
}

/* ── FIT GRID ── */
.sf-fit-grid {
  display: grid; grid-template-columns: 1fr 60px 1fr;
  border: 1px solid var(--line, #e4e0d8); margin-top: 40px;
}
.sf-fit-col { padding: 52px 48px; }
.sf-fit-yes { background: var(--white, #fff); }
.sf-fit-no  { background: var(--cream, #f7f5f0); }
.sf-fit-divider {
  display: flex; align-items: center; justify-content: center;
  background: var(--line, #e4e0d8);
}
.sf-fd-vs {
  font-family: var(--font-serif, Georgia, serif); font-size: 18px; font-weight: 700;
  color: var(--slate-light, #9aa0ae); writing-mode: vertical-rl;
  letter-spacing: 4px; text-transform: uppercase;
}
.sf-fc-label { font-size: 13px; font-weight: 700; margin-bottom: 8px; padding-bottom: 16px; border-bottom: 2px solid; }
.sf-fc-label.yes { color: var(--navy, #0c1a35); border-color: rgba(41,181,232,0.5); }
.sf-fc-label.no  { color: #b04040; border-color: #b04040; }
.sf-clarity-note {
  margin-top: 24px; padding: 16px 20px;
  background: rgba(41,181,232,0.04); border-left: 2px solid rgba(41,181,232,0.4);
  font-size: 13px; font-style: italic; color: var(--slate, #5a6478); line-height: 1.75;
}

/* ── WAY OF WORKING ── */
.sf-way-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
  margin-top: 40px;
  align-items: stretch;
}
.sf-way-step {
  background: var(--cream, #f7f5f0);
  padding: 44px 36px;
  transition: background .2s, transform .2s;
}
.sf-way-step:hover {
  background: var(--white, #fff);
}
.sf-way-active {
  background: var(--navy, #0c1a35) !important;
}
.sf-way-active .sf-ws-num {
  color: var(--orange, #ff5e00);
  border-color: rgba(255, 94, 0, 0.4);
  background: rgba(255, 94, 0, 0.15);
}
.sf-way-active .sf-ws-title {
  color: #fff;
}
.sf-way-active .sf-ws-desc {
  color: rgba(255,255,255,0.9);
}
.sf-ws-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 94, 0, 0.3);
  background: rgba(255, 94, 0, 0.06);
  font-family: var(--font-serif, Georgia, serif);
  font-size: 16px;
  font-weight: 700;
  color: var(--orange, #ff5e00);
  margin-bottom: 20px;
}
.sf-ws-title {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 12px;
  line-height: 1.3;
}
.sf-ws-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}
.sf-way-footer {
  padding: 20px 36px;
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  border-top: none;
  text-align: center;
  font-style: italic;
  font-size: 15px;
  font-weight: 500;
  color: var(--navy, #0c1a35);
}

/* ── NOT FOR ── */
.sf-notfor-inner {
  display: grid; grid-template-columns: 1fr 400px; gap: 72px; align-items: center;
}
.sf-notfor-block {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sf-notfor-block:last-of-type { border-bottom: none; }
.sf-nfb-icon { font-size: 14px; color: rgba(41,181,232,0.5); flex-shrink: 0; margin-top: 3px; }
.sf-notfor-block > p { font-size: 15px; color: rgba(255,255,255,0.9); line-height: 1.7; }
.sf-notfor-aside {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  padding: 48px 44px;
}
.sf-notfor-aside p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px; color: rgba(255,255,255,0.9);
  font-style: italic; line-height: 1.6;
}

/* ── START ── */
.sf-start-inner {
  display: grid; grid-template-columns: 1fr 400px; gap: 72px; align-items: start;
}
.sf-outcome-note {
  margin-top: 28px; padding: 24px 28px;
  background: var(--cream, #f7f5f0); border: 1px solid var(--line, #e4e0d8);
}
.sf-on-row {
  font-size: 15px; color: var(--slate, #5a6478);
  padding: 8px 0; border-bottom: 1px solid var(--line, #e4e0d8); line-height: 1.6;
}
.sf-on-row:last-child { border-bottom: none; }
.sf-on-clarity {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px; font-weight: 700; color: var(--navy, #0c1a35); font-style: italic;
}
.sf-cta-block {
  background: var(--navy, #0c1a35); padding: 48px 44px;
}
.sf-cta-label {
  font-size: 10px; font-weight: 600; letter-spacing: 2px;
  text-transform: uppercase; color: rgba(41,181,232,0.7); margin-bottom: 16px;
}

/* ── FAQ ── */
.sf-faq-wrap {
  display: grid; grid-template-columns: 320px 1fr; gap: 80px; align-items: start;
}
.sf-faq-list {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--line, #e4e0d8); border: 1px solid var(--line, #e4e0d8);
}
.sf-faq-item { background: var(--white, #fff); }
.sf-faq-item[open] { background: var(--cream, #f7f5f0); }
.sf-faq-q {
  list-style: none; padding: 24px 28px; font-size: 15px; font-weight: 600;
  color: var(--navy, #0c1a35); cursor: pointer;
  display: flex; justify-content: space-between; align-items: center;
  gap: 16px; line-height: 1.4;
}
.sf-faq-q::-webkit-details-marker { display: none; }
.sf-faq-q::after { content: '+'; font-size: 22px; font-weight: 300; color: #29B5E8; flex-shrink: 0; }
.sf-faq-item[open] .sf-faq-q::after { content: '‘2'; }
.sf-faq-a {
  padding: 20px 28px 24px; font-size: 14px; color: var(--slate, #5a6478);
  line-height: 1.85; border-top: 1px solid var(--line, #e4e0d8);
}

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .sf-using-grid   { grid-template-columns: 1fr; }
  .sf-two-col      { grid-template-columns: 1fr; }
  .sf-notfor-inner { grid-template-columns: 1fr; }
  .sf-start-inner  { grid-template-columns: 1fr; }
  .sf-faq-wrap     { grid-template-columns: 1fr; }
  .sf-way-grid     { grid-template-columns: 1fr 1fr; }
  .sf-way-arrow    { display: none; }
}
@media (max-width: 800px) {
  .sf-fit-grid   { grid-template-columns: 1fr; }
  .sf-fit-divider { display: none; }
  .sf-way-grid   { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .sf-bb-products  { gap: 6px; }
  .sf-fit-col      { padding: 32px 28px; }
}

/* ===== accelerator-lawfirm.css ===== */

/* ============================================================
   LAW FIRM ACCELERATOR PAGE — accelerator-lawfirm.php
   ============================================================ */

/* Hero BG override */
.alf-hero::before {
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/accelerator-law.jpeg");
}

/* Tension section */
.alf-tension-inner {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 80px;
  align-items: start;
}
.alf-pull-quote {
  background: var(--navy);
  padding: 52px 48px;
  position: relative;
}
.alf-pq-mark {
  font-family: var(--font-serif);
  font-size: 80px;
  color: var(--orange);
  line-height: 0.6;
  margin-bottom: 24px;
  opacity: 0.5;
}
.alf-pull-quote p {
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 400;
  color: var(--white);
  line-height: 1.55;
  font-style: italic;
}
.alf-pq-attr {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.9);
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

/* Why it fails */
.alf-fails-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
  margin-top: 8px;
}
.alf-so-question {
  background: var(--orange-pale);
  border-left: 3px solid var(--orange);
  padding: 24px 28px;
  margin-top: 32px;
}
.alf-sq-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange);
  margin-bottom: 12px;
}
.alf-sq-text {
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 600;
  color: var(--navy);
  line-height: 1.5;
  font-style: italic;
}
.alf-gap-block {
  background: var(--white);
  border: 1px solid var(--line);
  padding: 40px;
}
.alf-gap-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--slate-light);
  margin-bottom: 28px;
  line-height: 1.6;
}
.alf-gap-stages {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.alf-stage {
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border: 1px solid var(--line);
  background: var(--cream);
  color: var(--slate);
}
.alf-stage.alf-stage-to {
  background: var(--navy);
  color: var(--white);
  border-color: var(--navy);
}
.alf-stage-arrow {
  font-size: 18px;
  color: var(--orange);
  font-weight: 700;
}
.alf-gap-desc {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange);
  margin-bottom: 8px;
}

/* What the accelerator is */
.alf-accel-what {
  display: grid;
  grid-template-columns: 1fr 1fr 1.3fr;
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  margin-top: 8px;
}
.alf-accel-is,
.alf-accel-isnot,
.alf-accel-question {
  background: var(--white);
  padding: 40px 36px;
}
.alf-accel-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 14px;
  margin-bottom: 20px;
}
.alf-accel-tag.is {
  background: rgba(255,94,0,0.08);
  color: var(--orange);
  border: 1px solid rgba(255,94,0,0.2);
}
.alf-accel-tag.isnot {
  background: rgba(12,26,53,0.06);
  color: var(--navy);
  border: 1px solid rgba(12,26,53,0.12);
}
.alf-aq-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--slate-light);
  margin-bottom: 20px;
  line-height: 1.6;
}
.alf-aq-text {
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 600;
  color: var(--navy);
  line-height: 1.55;
  font-style: italic;
}

/* Delivers grid */
.alf-delivers-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.alf-deliver-card {
  position: relative;
}
.alf-deliver-wide {
  grid-column: span 2;
}
.alf-deliver-num {
  font-family: var(--font-serif);
  font-size: 56px;
  font-weight: 700;
  color: rgba(255,94,0,0.1);
  line-height: 1;
  margin-bottom: 16px;
}
.alf-deliver-card h3 {
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 12px;
  line-height: 1.3;
}
.alf-deliver-card p {
  font-size: 14px;
  color: var(--slate);
  line-height: 1.8;
}
.alf-next-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* Decisions grid */
.alf-decisions-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(255,255,255,0.08);
  margin-top: 48px;
}
.alf-decision-tile {
  background: var(--navy);
  padding: 40px 32px;
  transition: background .25s;
  position: relative;
}
.alf-decision-tile:hover {
  background: var(--navy-mid);
}
.alf-decision-tile::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--orange);
  opacity: 0;
  transition: opacity .3s;
}
.alf-decision-tile:hover::after {
  opacity: 1;
}
.alf-decision-num {
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(255,255,255,0.2);
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.alf-decision-tile p {
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 400;
  color: rgba(255,255,255,0.9);
  line-height: 1.6;
  font-style: italic;
}
.alf-decision-footer {
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* Journey */
.alf-journey {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 32px;
  flex-wrap: wrap;
}
.alf-journey-step {
  flex: 1;
  min-width: 70px;
}
.alf-js-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.9);
  margin-bottom: 8px;
}
.alf-js-active .alf-js-label {
  color: var(--orange-light);
}
.alf-js-active .alf-js-desc {
  color: rgba(255,255,255,0.9);
}
.alf-js-desc {
  font-size: 12px;
  color: rgba(255,255,255,0.9);
  line-height: 1.5;
}
.alf-journey-arrow {
  font-size: 16px;
  color: rgba(255,255,255,0.2);
  padding-top: 4px;
  flex: 0;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .alf-decisions-grid { grid-template-columns: repeat(2, 1fr); }
  .alf-accel-what { grid-template-columns: 1fr 1fr; }
  .alf-accel-question { grid-column: span 2; }
}
@media (max-width: 900px) {
  .alf-tension-inner { grid-template-columns: 1fr; }
  .alf-fails-grid { grid-template-columns: 1fr; }
  .alf-delivers-grid { grid-template-columns: 1fr; }
  .alf-deliver-wide { grid-column: span 1; }
  .alf-next-cols { grid-template-columns: 1fr; }
  .alf-accel-what { grid-template-columns: 1fr; }
  .alf-accel-question { grid-column: span 1; }
}
@media (max-width: 600px) {
  .alf-decisions-grid { grid-template-columns: 1fr; }
}

/* ===== accelerator-manufacturing.css ===== */
/* ============================================================
   MANUFACTURING ACCELERATOR PAGE — accelerator-manufacturing.php
   ============================================================ */

/* ── HERO ── */
.amfa-hero {
  background: var(--navy, #0c1a35);
  min-height: 440px;
  display: flex;
  align-items: center;
  padding: 140px 0 88px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.amfa-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/accelerator-man.jpeg");
  background-size: cover;
  background-position: center;
  opacity: 0.09;
}
.amfa-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent, var(--navy, #0c1a35));
}
.amfa-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.amfa-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(34px, 5vw, 62px);
  font-weight: 700;
  color: #fff;
  line-height: 1.08;
  margin-bottom: 20px;
}
.amfa-hero-h2 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(18px, 2.5vw, 26px);
  font-weight: 400;
  color: rgba(255,255,255,0.9);
  line-height: 1.45;
  margin-bottom: 16px;
  font-style: italic;
}
.amfa-hero-support {
  font-size: 16px;
  color: rgba(255,255,255,0.9);
  line-height: 1.85;
  max-width: 640px;
  margin-bottom: 40px;
}

/* ── SHARED ── */
.amfa-lead {
  font-size: 18px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  max-width: 580px;
  margin-top: 8px;
}
.amfa-lead.light { color: rgba(255,255,255,0.9); }

.amfa-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* ── PULL QUOTE ── */
.amfa-pull-quote {
  background: var(--navy, #0c1a35);
  padding: 52px 48px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.amfa-pq-mark {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 80px;
  color: var(--orange, #ff5e00);
  line-height: 0.6;
  margin-bottom: 24px;
  opacity: 0.4;
}
.amfa-pull-quote p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 21px;
  font-weight: 400;
  color: rgba(255,255,255,0.9);
  line-height: 1.55;
  font-style: italic;
}
.amfa-pq-attr {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.9);
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* ── WHY IT FAILS ── */
.amfa-fails-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
  margin-top: 8px;
}
.amfa-fails-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 16px;
}
.amfa-crit-q {
  background: var(--orange-pale, #fff4ec);
  border-left: 3px solid var(--orange, #ff5e00);
  padding: 24px 28px;
  margin-top: 32px;
}
.amfa-cq-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange, #ff5e00);
  margin-bottom: 12px;
}
.amfa-cq-text {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 19px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  line-height: 1.5;
  font-style: italic;
}
.amfa-gap-block {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px;
}
.amfa-gap-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 28px;
  line-height: 1.6;
}
.amfa-gap-stages {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.amfa-stage {
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid var(--line, #e4e0d8);
  background: var(--cream, #f7f5f0);
  color: var(--slate, #5a6478);
}
.amfa-stage.amfa-stage-to {
  background: var(--navy, #0c1a35);
  color: #fff;
  border-color: var(--navy, #0c1a35);
}
.amfa-stage-arrow {
  font-size: 18px;
  color: var(--orange, #ff5e00);
  font-weight: 700;
}
.amfa-gap-desc {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange, #ff5e00);
  margin-bottom: 8px;
}

/* ── MISSING STEP (what-is block) ── */
.amfa-missing-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.amfa-what-is {
  background: var(--navy, #0c1a35);
  padding: 48px 44px;
}
.amfa-wi-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--orange-light, #ff9a5c);
  margin-bottom: 16px;
}
.amfa-wi-for, .amfa-wi-not {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.amfa-wi-for-label, .amfa-wi-not-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.9);
  margin-bottom: 12px;
}

/* ── DELIVERS GRID ── */
.amfa-delivers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.amfa-deliver-card h3 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 19px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 12px;
  line-height: 1.3;
}
.amfa-deliver-card p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
}
.amfa-deliver-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 52px;
  font-weight: 700;
  color: rgba(255,94,0,0.1);
  line-height: 1;
  margin-bottom: 16px;
}

/* ── DECISIONS GRID ── */
.amfa-decisions-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(255,255,255,0.06);
  margin-top: 48px;
}
.amfa-decision-tile {
  background: var(--navy, #0c1a35);
  padding: 40px 32px;
  transition: background .25s;
  position: relative;
}
.amfa-decision-tile:hover { background: var(--navy-mid, #1a3260); }
.amfa-decision-tile::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: var(--orange, #ff5e00);
  opacity: 0;
  transition: opacity .3s;
}
.amfa-decision-tile:hover::after { opacity: 1; }
.amfa-decision-num {
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  color: rgba(255,255,255,0.2);
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.amfa-decision-tile p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 400;
  color: rgba(255,255,255,0.9);
  line-height: 1.6;
  font-style: italic;
}
.amfa-decision-footer {
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* ── JOURNEY INSIDE CALLOUT ── */
.amfa-journey {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  margin-top: 28px;
}
.amfa-journey-step { flex: 1; min-width: 60px; }
.amfa-js-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.9);
  margin-bottom: 6px;
}
.amfa-js-active .amfa-js-label { color: var(--orange-light, #ff9a5c); }
.amfa-js-active .amfa-js-desc { color: rgba(255,255,255,0.9); }
.amfa-js-desc { font-size: 12px; color: rgba(255,255,255,0.9); line-height: 1.5; }
.amfa-journey-arrow { font-size: 14px; color: rgba(255,255,255,0.15); padding-top: 2px; flex: 0; }

/* ── RESPONSIVE ── */
@media (max-width: 1100px) {
  .amfa-decisions-grid { grid-template-columns: repeat(2, 1fr); }
  .amfa-delivers-grid  { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .amfa-two-col        { grid-template-columns: 1fr; gap: 40px; }
  .amfa-fails-grid     { grid-template-columns: 1fr; }
  .amfa-missing-inner  { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .amfa-decisions-grid { grid-template-columns: 1fr; }
  .amfa-delivers-grid  { grid-template-columns: 1fr; }
}

/* ===== theme 3 homepage and requested overrides ===== */
.addend-header{z-index:5000!important;background:rgba(12,26,53,.98)!important;backdrop-filter:blur(12px);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.addend-header.scrolled{background:rgba(10,22,40,.99)!important;box-shadow:0 10px 32px rgba(0,0,0,.28)}
.addend-header .addend-nav{position:static!important;top:auto!important;left:auto!important;right:auto!important;z-index:auto!important;height:auto!important;background:transparent!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important}
.addend-header .addend-nav-list>li>a{color:rgba(255,255,255,.88)!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.addend-header .addend-nav-list>li>a:hover,.addend-header .addend-nav-list>li>a:focus-visible{color:#fff!important}
.addend-header .nav-caret{color:currentColor}
.addend-header .addend-dropdown{z-index:5100!important;background:#0c1a35!important}
.addend-hamburger span{background:#fff!important}
.db-way-active{background:#fff!important;border-color:var(--line,#e4e0d8)!important}
.db-way-active:hover{background:var(--cream,#f7f5f0)!important}
.db-way-active .db-ws-title{color:var(--navy,#0c1a35)!important}
.db-way-active .db-ws-desc{color:var(--slate,#5a6478)!important}
.db-way-active .db-ws-num{color:#ff3621!important;border-color:rgba(255,54,33,.28)!important;background:rgba(255,54,33,.06)!important}
.addend-logo{background:transparent!important}
.addend-logo:hover,.addend-logo:focus-visible{background:transparent!important}
#about .addend-h2{font-size:clamp(30px,calc(3.5vw + 4px),48px)}
#about .addend-h2 em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--orange)}
.trusted-header-wrap{text-align:center;background:var(--white);padding:80px 0 24px}
.trusted-header-wrap .trusted-label{margin-bottom:0}
.trusted-label em{font-style:normal;color:var(--orange)}
.client-logo-section{background:var(--cream);padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.client-logo-marquee{background:var(--cream);overflow:hidden}
.client-logo-track{display:flex;width:max-content;animation:clientLogoScroll 58s linear infinite}
.client-logo-marquee:hover .client-logo-track{animation-play-state:paused}
.client-logo-set{display:flex;align-items:center;gap:54px;padding-right:54px;flex-shrink:0}
.client-logo-set img{display:block;width:auto;height:52px;max-width:170px;object-fit:contain;filter:none;opacity:1}
@keyframes clientLogoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.industry-tile{min-height:310px;display:flex;flex-direction:column;justify-content:flex-end}
.industry-tile::before{content:'';position:absolute;inset:0;background-image:var(--industry-image);background-size:cover;background-position:center;opacity:.42;transform:scale(1.02);transition:opacity .25s,transform .35s}
.industry-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,26,53,0.42) 0%,rgba(12,26,53,0.9) 100%)}
.industry-tile:hover::before{opacity:.55;transform:scale(1.06)}
.industry-tile>*{position:relative;z-index:1}
.industry-num{color:rgba(255,255,255,0.9)}
.industry-tile p{color:rgba(255,255,255,0.9)}
.industry-accent{opacity:1}
.platform-partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.platform-partner-card{background:var(--white);border:1px solid var(--line);aspect-ratio:16/10;overflow:hidden}
.platform-partner-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.platform-partner-card:hover img{transform:scale(1.04)}
.ms-way-arrow,.sf-way-arrow,.ms-nfb-icon,.db-nfb-icon,.sf-rw-icon,.po-p-icon,.poc-dc-icon,.ind-wc-icon,.ind-ps-icon,.lf-wc-icon{display:none!important}
.addend-tagline-bar{background:linear-gradient(135deg,var(--navy,#0c1a35) 0%,var(--navy-mid,#162549) 100%)!important;padding:72px 0!important;text-align:center!important;position:relative;overflow:hidden}
.addend-tagline-bar::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,94,0,0.18),transparent 34%),radial-gradient(circle at 82% 70%,rgba(255,255,255,0.08),transparent 32%);pointer-events:none}
.addend-tagline-bar .addend-container{position:relative;z-index:1}
.addend-tagline-bar .addend-h2,.addend-tagline-bar .addend-h2.light{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,0.22)}
.addend-tagline-bar .addend-h2 em{color:var(--orange-light,#ff7a1a)!important}
.addend-tagline-bar p{color:rgba(255,255,255,0.9)!important}
.addend-tagline-bar .btn-primary{background:var(--orange,#ff5e00)!important;border-color:var(--orange,#ff5e00)!important;color:#fff!important}
.addend-tagline-bar .btn-primary:hover{background:var(--orange-light,#ff7a1a)!important;border-color:var(--orange-light,#ff7a1a)!important}
.abt-hero::before{background-image:url("https://addendanalytics.com/wp-content/uploads/2026/05/PHOTO-2026-05-22-15-45-42.jpg")!important;background-size:cover!important;background-position:center!important}
.cu-hero::before{
  background-image:url("https://addendanalytics.com/wp-content/uploads/2026/05/contactus.jpeg")
  !important;background-size:cover!important;background-position:center!important}
.ind-hero.ps-hero::before{background-image:url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1600&q=70&fit=crop")!important;background-size:cover!important;background-position:center top!important}
.amfg-hero::before,.abt-hero::before,.cu-hero::before,.cpg-hero::before,.lf-hero::before,.ps-hero::before,.da-hero::before,.de-hero::before,.ai-hero::before,.poc-hero::before,.sr-hero::before,.po-hero::before,.ms-hero::before,.db-hero::before,.sf-hero::before,.alf-hero::before,.amfa-hero::before,.syn-hero::before{opacity:.28!important;filter:saturate(1.08) contrast(1.08)}
.amfg-hero::after,.abt-hero::after,.cu-hero::after,.cpg-hero::after,.lf-hero::after,.ind-hero::after,.da-hero::after,.de-hero::after,.ai-hero::after,.poc-hero::after,.ps-hero::after,.sr-hero::after,.po-hero::after,.ms-hero::after,.db-hero::after,.sf-hero::after,.amfa-hero::after,.syn-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(12,26,53,.88) 0%,rgba(12,26,53,.74) 52%,rgba(12,26,53,.58) 100%)!important;pointer-events:none}
.amfg-hero-inner,.abt-hero-inner,.cu-hero-inner,.cpg-hero-inner,.lf-hero-inner,.ind-hero-inner,.da-hero-inner,.de-hero-inner,.ai-hero-inner,.poc-hero-inner,.ps-hero-inner,.sr-hero-inner,.po-hero-inner,.ms-hero-inner,.db-hero-inner,.sf-hero-inner,.amfa-hero-inner,.syn-hero-inner{position:relative;z-index:2}
.amfg-hero h1,.abt-hero h1,.cu-hero h1,.cpg-hero h1,.lf-hero h1,.ind-hero h1,.da-hero h1,.de-hero h1,.ai-hero h1,.poc-hero h1,.ps-hero h1,.sr-hero h1,.po-hero h1,.ms-hero h1,.db-hero h1,.sf-hero h1,.amfa-hero h1,.syn-hero h1{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.28)}
.amfg-hero-support,.abt-hero-sub,.cu-hero-support,.cpg-hero-support,.lf-hero-support,.ind-hero-support,.da-hero-support,.de-hero-support,.ai-hero-support,.poc-hero-support,.ps-hero-support,.sr-hero-support,.po-hero-support,.ms-hero-support,.db-hero-support,.sf-hero-support,.amfa-hero-support,.syn-hero-h2{color:rgba(255,255,255,.88)!important;text-shadow:0 1px 3px rgba(0,0,0,.22)}
@media(max-width:900px){.platform-partner-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.trusted-header-wrap{padding:48px 0 16px}.client-logo-section{padding:32px 0}.client-logo-track{animation-duration:44s}.client-logo-set{gap:36px;padding-right:36px}.client-logo-set img{height:42px;max-width:136px}}
@media(max-width:680px){.platform-partner-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.client-logo-track{animation:none}.client-logo-marquee{overflow-x:auto}}

/* GLOBAL RESET: Completely remove italic styling across the entire website */
*, *::before, *::after {
  font-style: normal !important;
}

/* Strategy & Roadmap Premium Styles */
.sr-outcome-image {
  margin-bottom: 24px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(12, 26, 53, 0.08);
}
.sr-outcome-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Global tagline bar background override */
.addend-tagline-bar {
  background: linear-gradient(rgba(12, 26, 53, 0.88), rgba(12, 26, 53, 0.88)), url('https://addendanalytics.com/wp-content/uploads/2026/05/s-r-bottom-img.jpeg') center/cover no-repeat !important;
}
.addend-tagline-bar::before {
  display: none !important;
}

/* ===== PARTNERSHIP – AZURE SYNAPSE — partnership-synapse.php ===== */
.syn-hero {
  background: var(--navy, #0c1a35);
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.syn-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/PHOTO-2026-05-22-16-22-42.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.08 !important;
}
.syn-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 80% 50%, rgba(0,137,214,0.09) 0%, transparent 60%);
}
.syn-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.syn-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(0,137,214,0.08);
  border: 1px solid rgba(0,137,214,0.25);
  padding: 8px 16px;
  margin-bottom: 24px;
}
.syn-hero-badge span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(0,137,214,0.9);
}
.syn-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(36px, 5.5vw, 68px);
  font-weight: 700;
  color: #fff;
  line-height: 1.05;
  margin-bottom: 16px;
}
.syn-hero .slide-divider {
  background: rgba(0,137,214,0.6);
}
.syn-hero-h2 {
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 300;
  color: rgba(255,255,255,0.9);
  line-height: 1.5;
  margin-bottom: 36px;
}

/* ── ON-PAGE NAVIGATION (TOC) ── */
.syn-toc-bar {
  position: sticky;
  top: 72px;
  z-index: 999;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line, #e4e0d8);
  padding: 14px 0;
  box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}
.syn-toc-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.syn-toc-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--navy, #0c1a35);
}
.syn-toc-list {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.syn-toc-list a {
  font-size: 14px;
  font-weight: 600;
  color: var(--slate, #5a6478);
  text-decoration: none;
  transition: color 0.2s ease;
}
.syn-toc-list a:hover {
  color: #0089D6;
}

/* ── SECTION 1: NEED FOR SYNAPSE ── */
.syn-section-h3 {
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  max-width: 640px;
}
.syn-using-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 80px;
  align-items: start;
}
.syn-lead-text {
  font-size: 16px;
  color: var(--navy, #0c1a35);
  line-height: 1.8;
  font-weight: 500;
  margin-top: 24px;
}
.syn-problem-box {
  background: var(--cream, #f7f5f0);
  border-left: 3px solid var(--orange, #ff5e00);
  padding: 20px 24px;
  margin: 28px 0;
  display: flex;
  gap: 16px;
}
.syn-pb-icon {
  font-size: 20px;
  color: var(--orange, #ff5e00);
  flex-shrink: 0;
  line-height: 1.2;
}
.syn-pb-icon + p {
  margin: 0;
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  line-height: 1.5;
}
.syn-solution-text {
  font-size: 15px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
}
.syn-brand-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px 36px;
  margin-bottom: 16px;
}
.syn-bb-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 10px;
}
.syn-brand-block > p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
  margin: 0;
}
.syn-bb-divider {
  height: 1px;
  background: var(--line, #e4e0d8);
  margin: 20px 0;
}
.syn-bb-stat-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.syn-bb-stat-val {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 24px;
  font-weight: 700;
  color: rgba(0,137,214,0.85);
  margin-bottom: 4px;
}
.syn-bb-stat-desc {
  font-size: 12px;
  color: var(--slate-light, #9aa0ae);
}
.syn-addend-role {
  background: var(--navy, #0c1a35);
  padding: 24px 28px;
  border-left: 3px solid rgba(0,137,214,0.85);
}
.syn-ar-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(0,137,214,0.8);
  margin-bottom: 8px;
}
.syn-addend-role > p {
  font-size: 14px;
  color: rgba(255,255,255,0.9);
  line-height: 1.8;
  margin: 0;
}

/* ── SECTION 2: 4 CORE BENEFITS ── */
.syn-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  margin-top: 40px;
  margin-bottom: 48px;
}
.syn-benefit-card {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 44px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.syn-benefit-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}
.syn-bc-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 36px;
  font-weight: 700;
  color: rgba(0,137,214,0.18);
  margin-bottom: 20px;
  line-height: 1;
}
.syn-bc-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 16px;
  line-height: 1.3;
}
.syn-bc-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 0;
}
.syn-cta-banner {
  background: var(--navy, #0c1a35);
  border-left: 4px solid #0089D6;
  padding: 40px 48px;
  color: #fff;
  margin-top: 48px;
}
.syn-cb-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.syn-cb-content p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 500;
  color: rgba(255,255,255,0.9);
  line-height: 1.45;
  margin: 0;
  flex: 1;
  min-width: 280px;
}
.syn-cb-content .btn-primary {
  flex-shrink: 0;
}

/* ── SECTION 3: KEY PILLARS ── */
.syn-pillars-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  margin-top: 40px;
  margin-bottom: 48px;
}
.syn-pillar-card {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 44px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.syn-pillar-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}
.syn-pillar-card.full-width-card {
  grid-column: span 2;
}
.syn-pc-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #0089D6;
  background: rgba(0,137,214,0.06);
  padding: 4px 12px;
  margin-bottom: 20px;
}
.syn-pc-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 16px;
  line-height: 1.3;
}
.syn-pc-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 0;
}
.syn-orange-banner {
  border-left-color: var(--orange, #ff5e00) !important;
}

/* ── SECTION 4: DEVELOPER'S DREAM ── */
.syn-dev-inner {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 80px;
  align-items: center;
}
.syn-dev-desc {
  font-size: 16px;
  color: rgba(255,255,255,0.9);
  line-height: 1.85;
  margin-top: 24px;
  margin-bottom: 20px;
}
.syn-dev-subdesc {
  font-size: 14px;
  color: rgba(255,255,255,0.9);
  line-height: 1.85;
  margin: 0;
}
.syn-dev-right {
  display: flex;
  justify-content: flex-end;
}
.syn-dev-quote-box {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 48px 40px;
  position: relative;
  width: 100%;
}
.syn-dq-mark {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 72px;
  font-weight: 700;
  color: rgba(0,137,214,0.18);
  line-height: 1;
  position: absolute;
  top: 10px;
  left: 28px;
}
.syn-dq-text {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 18px;
  color: rgba(255,255,255,0.9);
  line-height: 1.6;
  margin: 0 0 20px;
  position: relative;
  z-index: 2;
}
.syn-dq-author {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: rgba(0,137,214,0.8);
}

/* ── SECTION 5: FAQ ACCORDION ── */
.syn-faq-wrap {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 80px;
  align-items: start;
}
.syn-faq-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
}
.syn-faq-item {
  background: var(--white, #fff);
}
.syn-faq-item[open] {
  background: var(--cream, #f7f5f0);
}
.syn-faq-q {
  list-style: none;
  padding: 24px 28px;
  font-size: 15px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  line-height: 1.4;
}
.syn-faq-q::after {
  content: '+';
  font-size: 22px;
  font-weight: 300;
  color: rgba(0,137,214,0.7);
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.syn-faq-item[open] .syn-faq-q::after {
  content: '−';
}
.syn-faq-a {
  padding: 0 28px 24px;
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  border-top: 1px solid var(--line, #e4e0d8);
  padding-top: 20px;
}
.syn-faq-a a {
  color: #0089D6;
  text-decoration: none;
  font-weight: 600;
}
.syn-faq-a a:hover {
  text-decoration: underline;
}

/* ── RESPONSIVE OVERRIDES ── */
@media (max-width: 1100px) {
  .syn-toc-bar { position: relative; top: 0; z-index: 10; }
  .syn-using-grid { grid-template-columns: 1fr; gap: 48px; }
  .syn-dev-inner { grid-template-columns: 1fr; gap: 48px; }
  .syn-faq-wrap { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 800px) {
  .syn-benefits-grid { grid-template-columns: 1fr; gap: 24px; }
  .syn-pillars-grid { grid-template-columns: 1fr; gap: 24px; }
  .syn-pillar-card.full-width-card { grid-column: span 1; }
  .syn-benefit-card { padding: 32px; }
  .syn-pillar-card { padding: 32px; }
  .syn-cb-content { flex-direction: column; align-items: flex-start; gap: 20px; }
}
@media (max-width: 600px) {
  .syn-toc-inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .syn-toc-list { flex-wrap: wrap; gap: 14px 20px; }
  .syn-bb-stat-row { grid-template-columns: 1fr; }
}

/* ===== PARTNERSHIP – MICROSOFT POWER APPS — partnership-powerapps.php ===== */
.pa-hero {
  background: var(--navy, #0c1a35);
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.pa-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/PHOTO-2026-05-22-16-21-47.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.08 !important;
}
.pa-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 80% 50%, rgba(0, 137, 214, 0.08) 0%, transparent 60%);
}
.pa-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.pa-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(0, 137, 214, 0.08);
  border: 1px solid rgba(0, 137, 214, 0.25);
  padding: 8px 16px;
  margin-bottom: 24px;
}
.pa-hero-badge span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(0, 137, 214, 0.9);
}
.pa-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(36px, 5.5vw, 68px);
  font-weight: 700;
  color: #fff;
  line-height: 1.05;
  margin-bottom: 16px;
}
.pa-hero .slide-divider {
  background: rgba(0, 137, 214, 0.6);
}
.pa-hero-h2 {
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 300;
  color: rgba(255,255,255,0.9);
  line-height: 1.5;
  margin-bottom: 36px;
}

/* ── ON-PAGE NAVIGATION (TOC) ── */
.pa-toc-bar {
  position: sticky;
  top: 72px;
  z-index: 999;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line, #e4e0d8);
  padding: 14px 0;
  box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}
.pa-toc-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.pa-toc-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--navy, #0c1a35);
}
.pa-toc-list {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pa-toc-list a {
  font-size: 14px;
  font-weight: 600;
  color: var(--slate, #5a6478);
  text-decoration: none;
  transition: color 0.2s ease;
}
.pa-toc-list a:hover {
  color: #0089D6;
}

/* ── SECTION 1: OVERVIEW ── */
.pa-section-h3 {
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  max-width: 640px;
}
.pa-using-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 80px;
  align-items: start;
}
.pa-lead-text {
  font-size: 16px;
  color: var(--navy, #0c1a35);
  line-height: 1.8;
  font-weight: 500;
  margin-top: 24px;
}
.pa-body-text {
  font-size: 15px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
}
.pa-forrester-quote-box {
  background: rgba(0, 137, 214, 0.03);
  border-left: 3px solid #0089D6;
  padding: 20px 24px;
  margin: 28px 0;
  display: flex;
  gap: 16px;
}
.pa-fq-icon {
  font-size: 20px;
  color: #0089D6;
  flex-shrink: 0;
  line-height: 1.2;
}
.pa-fq-icon + p {
  margin: 0;
  font-family: var(--font-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  line-height: 1.5;
}
.pa-brand-block {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px 36px;
  margin-bottom: 16px;
}
.pa-bb-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--slate-light, #9aa0ae);
  margin-bottom: 10px;
}
.pa-brand-block > p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
  margin: 0;
}
.pa-bb-divider {
  height: 1px;
  background: var(--line, #e4e0d8);
  margin: 20px 0;
}
.pa-bb-stat-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.pa-bb-stat-val {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 24px;
  font-weight: 700;
  color: #0089D6;
  margin-bottom: 4px;
}
.pa-bb-stat-desc {
  font-size: 12px;
  color: var(--slate-light, #9aa0ae);
}
.pa-addend-role {
  background: var(--navy, #0c1a35);
  padding: 24px 28px;
  border-left: 3px solid #0089D6;
}
.pa-ar-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(0, 137, 214, 0.8);
  margin-bottom: 8px;
}
.pa-addend-role > p {
  font-size: 14px;
  color: rgba(255,255,255,0.9);
  line-height: 1.8;
  margin: 0;
}

/* ── SECTION 2: CANVAS & MODEL DRIVEN APPS ── */
.pa-split-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  margin-top: 40px;
  margin-bottom: 48px;
}
.pa-split-card {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 44px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pa-split-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}
.pa-sc-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #0089D6;
  background: rgba(0, 137, 214, 0.06);
  padding: 4px 12px;
  margin-bottom: 20px;
}
.pa-sc-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 16px;
  line-height: 1.3;
}
.pa-sc-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 0;
}
.pa-cta-banner {
  background: var(--navy, #0c1a35);
  border-left: 4px solid #0089D6;
  padding: 40px 48px;
  color: #fff;
  margin-top: 48px;
}
.pa-purple-banner {
  border-left-color: #0089D6 !important;
}
.pa-cb-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.pa-cb-content p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 500;
  color: rgba(255,255,255,0.9);
  line-height: 1.45;
  margin: 0;
  flex: 1;
  min-width: 280px;
}
.pa-cb-content .btn-primary {
  flex-shrink: 0;
}

/* ── SECTION 3: FEATURES GRID ── */
.pa-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 40px;
  margin-bottom: 48px;
}
.pa-feature-card {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 36px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pa-feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}
.pa-fc-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 32px;
  font-weight: 700;
  color: rgba(0, 137, 214, 0.18);
  margin-bottom: 16px;
  line-height: 1;
}
.pa-fc-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 12px;
  line-height: 1.35;
}
.pa-fc-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
  margin: 0;
}

/* ── FORRESTER REPORT DASHBOARD ── */
.pa-forrester-report-box {
  background: #0c1a35;
  border-left: 4px solid #0089D6;
  padding: 44px 48px;
  color: #fff;
  margin-top: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
.pa-frb-left {
  max-width: 480px;
}
.pa-frb-badge {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #0089D6;
  margin-bottom: 12px;
}
.pa-forrester-report-box h4 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 14px;
}
.pa-forrester-report-box p {
  font-size: 14px;
  color: rgba(255,255,255,0.9);
  line-height: 1.8;
}
.pa-frb-right {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pa-roi-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.pa-roi-val {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 700;
  color: #ff7a1a;
}
.pa-roi-label {
  font-size: 14px;
  color: rgba(255,255,255,0.9);
  text-align: right;
  font-weight: 500;
}
.pa-roi-divider {
  height: 1px;
  background: rgba(255,255,255,0.08);
}

/* ── SECTION 4: GROWTH CARD GRID ── */
.pa-growth-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 40px;
  margin-bottom: 48px;
}
.pa-growth-card {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pa-growth-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}
.pa-gc-icon {
  font-size: 32px;
  color: #0089D6;
  margin-bottom: 20px;
}
.pa-gc-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 16px;
  line-height: 1.35;
}
.pa-gc-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
  margin: 0;
}

/* ── SECTION 5: WHY PARTNER ── */
.pa-why-inner {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 80px;
  align-items: start;
}
.pa-why-desc {
  font-size: 16px;
  color: rgba(255,255,255,0.9);
  line-height: 1.85;
}
.pa-gartner-block {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 36px;
}
.pa-gb-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #0089D6;
  margin-bottom: 20px;
}
.pa-gb-item p {
  font-size: 13px;
  color: rgba(255,255,255,0.9);
  line-height: 1.7;
  margin-bottom: 12px;
}
.pa-gb-link {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0089D6;
  text-decoration: none;
  display: inline-block;
  transition: color 0.25s;
}
.pa-gb-link:hover {
  color: var(--orange-light, #ff7a1a);
}
.pa-gb-divider {
  height: 1px;
  background: rgba(255,255,255,0.08);
  margin: 24px 0;
}

/* ── SECTION 6: FAQ ACCORDION ── */
.pa-faq-wrap {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 80px;
  align-items: start;
}
.pa-faq-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
}
.pa-faq-item {
  background: var(--white, #fff);
}
.pa-faq-item[open] {
  background: var(--cream, #f7f5f0);
}
.pa-faq-q {
  list-style: none;
  padding: 24px 28px;
  font-size: 15px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  line-height: 1.4;
}
.pa-faq-q::after {
  content: '+';
  font-size: 22px;
  font-weight: 300;
  color: rgba(0, 137, 214, 0.7);
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.pa-faq-item[open] .pa-faq-q::after {
  content: '−';
}
.pa-faq-a {
  padding: 0 28px 24px;
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  border-top: 1px solid var(--line, #e4e0d8);
  padding-top: 20px;
}
.pa-faq-a a {
  color: #0089D6;
  text-decoration: none;
  font-weight: 600;
}
.pa-faq-a a:hover {
  text-decoration: underline;
}

/* ── RESPONSIVE OVERRIDES ── */
@media (max-width: 1100px) {
  .pa-toc-bar { position: relative; top: 0; z-index: 10; }
  .pa-using-grid { grid-template-columns: 1fr; gap: 48px; }
  .pa-why-inner { grid-template-columns: 1fr; gap: 48px; }
  .pa-faq-wrap { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 900px) {
  .pa-features-grid { grid-template-columns: repeat(2, 1fr); }
  .pa-growth-grid { grid-template-columns: repeat(2, 1fr); }
  .pa-forrester-report-box { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 800px) {
  .pa-split-grid { grid-template-columns: 1fr; gap: 24px; }
  .pa-split-card { padding: 32px; }
  .pa-feature-card { padding: 32px; }
  .pa-growth-card { padding: 32px; }
  .pa-cb-content { flex-direction: column; align-items: flex-start; gap: 20px; }
}
@media (max-width: 600px) {
  .pa-toc-inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .pa-toc-list { flex-wrap: wrap; gap: 14px 20px; }
  .pa-bb-stat-row { grid-template-columns: 1fr; }
  .pa-features-grid { grid-template-columns: 1fr; }
  .pa-growth-grid { grid-template-columns: 1fr; }
}

/* ===== PARTNERSHIP – MICROSOFT POWER AUTOMATE — partnership-powerautomate.php ===== */
.pau-hero {
  background: var(--navy, #0c1a35);
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  margin-top: 72px;
}
.pau-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("https://addendanalytics.com/wp-content/uploads/2026/05/PHOTO-2026-05-22-16-20-31.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.08 !important;
}
.pau-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 80% 50%, rgba(0, 137, 214, 0.08) 0%, transparent 60%);
}
.pau-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.pau-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(0, 137, 214, 0.08);
  border: 1px solid rgba(0, 137, 214, 0.25);
  padding: 8px 16px;
  margin-bottom: 24px;
}
.pau-hero-badge span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(0, 137, 214, 0.9);
}
.pau-hero h1 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(36px, 5.5vw, 68px);
  font-weight: 700;
  color: #fff;
  line-height: 1.05;
  margin-bottom: 16px;
}
.pau-hero .slide-divider {
  background: rgba(0, 137, 214, 0.6);
}
.pau-hero-h2 {
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 300;
  color: rgba(255,255,255,0.9);
  line-height: 1.5;
  margin-bottom: 36px;
}

/* ── ON-PAGE NAVIGATION (TOC) ── */
.pau-toc-bar {
  position: sticky;
  top: 72px;
  z-index: 999;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line, #e4e0d8);
  padding: 14px 0;
  box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}
.pau-toc-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.pau-toc-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--navy, #0c1a35);
}
.pau-toc-list {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pau-toc-list a {
  font-size: 14px;
  font-weight: 600;
  color: var(--slate, #5a6478);
  text-decoration: none;
  transition: color 0.2s ease;
}
.pau-toc-list a:hover {
  color: #0089D6;
}

/* ── SECTION 1: OVERVIEW ── */
.pau-section-h3 {
  font-size: 17px;
  font-weight: 300;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  max-width: 640px;
}
.pau-using-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 80px;
  align-items: start;
}
.pau-lead-text {
  font-size: 16px;
  color: var(--navy, #0c1a35);
  line-height: 1.8;
  font-weight: 500;
  margin-top: 24px;
}
.pau-body-text {
  font-size: 15px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
}
.pau-pillars-box {
  border-left: 3px solid #0089D6;
  padding-left: 28px;
}
.pau-pillar-item {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.pau-pi-icon {
  font-size: 24px;
  color: #0089D6;
  background: rgba(0, 137, 214, 0.05);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pau-pi-content h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 6px;
  line-height: 1.35;
}
.pau-pi-content p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.7;
  margin: 0;
}

/* ── FORRESTER TEI BOX ── */
.pau-tei-report-box {
  background: #0c1a35;
  border-left: 4px solid #0089D6;
  padding: 40px 36px;
  color: #fff;
  margin-bottom: 16px;
}
.pau-frb-badge {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #0089D6;
  margin-bottom: 12px;
}
.pau-tei-report-box h4 {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 14px;
  line-height: 1.3;
}
.pau-tei-report-box p {
  font-size: 13px;
  color: rgba(255,255,255,0.9);
  line-height: 1.7;
  margin-bottom: 0;
}
.pau-tei-stats {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pau-tei-stat-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pau-tei-stat-val {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 26px;
  font-weight: 700;
  color: #ff7a1a;
}
.pau-tei-stat-desc {
  font-size: 12px;
  color: rgba(255,255,255,0.9);
  font-weight: 500;
  line-height: 1.4;
}
.pau-tei-divider {
  height: 1px;
  background: rgba(255,255,255,0.08);
}
.pau-addend-role {
  background: var(--cream, #f7f5f0);
  border: 1px solid var(--line, #e4e0d8);
  border-left: 3px solid #0089D6;
  padding: 24px 28px;
}
.pau-ar-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #0089D6;
  margin-bottom: 8px;
}
.pau-addend-role > p {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
  margin: 0;
}

/* ── SECTION 2: FEATURES GRID ── */
.pau-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 40px;
}
.pau-feature-card {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 36px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}
.pau-feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}
.pau-fc-num {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 32px;
  font-weight: 700;
  color: rgba(0, 137, 214, 0.18);
  margin-bottom: 16px;
  line-height: 1;
}
.pau-fc-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 12px;
  line-height: 1.35;
}
.pau-feature-card-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ff7a1a;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: -6px;
}
.pau-fc-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
  margin: 0;
}

/* ── SECTION 3: BENEFITS ── */
.pau-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  margin-top: 40px;
}
.pau-benefit-card {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 44px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pau-benefit-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}
.pau-bc-icon {
  font-size: 32px;
  color: #0089D6;
  margin-bottom: 20px;
}
.pau-bc-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 16px;
  line-height: 1.3;
}
.pau-bc-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  margin: 0;
}
.pau-cta-banner {
  background: var(--navy, #0c1a35);
  border-left: 4px solid #0089D6;
  padding: 40px 48px;
  color: #fff;
  margin-top: 48px;
}
.pau-cb-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.pau-cb-content p {
  font-family: var(--font-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 500;
  color: rgba(255,255,255,0.9);
  line-height: 1.45;
  margin: 0;
  flex: 1;
  min-width: 280px;
}
.pau-cb-content .btn-primary {
  flex-shrink: 0;
}

/* ── SECTION 4: USE CASES ── */
.pau-usecases-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 40px;
}
.pau-uc-card {
  background: var(--white, #fff);
  border: 1px solid var(--line, #e4e0d8);
  padding: 40px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}
.pau-uc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.06);
}
.pau-ucc-badge {
  display: inline-block;
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #0089D6;
  background: rgba(0, 137, 214, 0.06);
  padding: 4px 12px;
  margin-bottom: 20px;
}
.pau-uc-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--navy, #0c1a35);
  margin-bottom: 16px;
  line-height: 1.35;
}
.pau-uc-desc {
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.8;
  margin-bottom: 16px;
}
.pau-uc-sublist {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pau-uc-sublist li {
  font-size: 13.5px;
  color: var(--slate, #5a6478);
  line-height: 1.6;
  position: relative;
  padding-left: 20px;
}
.pau-uc-sublist li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #0089D6;
  font-weight: bold;
}
.pau-uc-link {
  font-size: 13px;
  font-weight: 700;
  color: #0089D6;
  text-decoration: none;
  transition: opacity 0.2s;
}
.pau-uc-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* ── SECTION 5: WHY PARTNER ── */
.pau-why-inner {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 80px;
  align-items: start;
}
.pau-why-desc {
  font-size: 16px;
  color: rgba(255,255,255,0.9);
  line-height: 1.85;
}
.pau-gartner-block {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 36px;
}
.pau-gb-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #0089D6;
  margin-bottom: 20px;
}
.pau-gb-item p {
  font-size: 13px;
  color: rgba(255,255,255,0.9);
  line-height: 1.7;
  margin-bottom: 12px;
}
.pau-gb-link {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0089D6;
  text-decoration: none;
  display: inline-block;
  transition: color 0.25s;
}
.pau-gb-link:hover {
  color: var(--orange-light, #ff7a1a);
}
.pau-gb-divider {
  height: 1px;
  background: rgba(255,255,255,0.08);
  margin: 24px 0;
}

/* ── SECTION 6: FAQ ACCORDION ── */
.pau-faq-wrap {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 80px;
  align-items: start;
}
.pau-faq-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--line, #e4e0d8);
  border: 1px solid var(--line, #e4e0d8);
}
.pau-faq-item {
  background: var(--white, #fff);
}
.pau-faq-item[open] {
  background: var(--cream, #f7f5f0);
}
.pau-faq-q {
  list-style: none;
  padding: 24px 28px;
  font-size: 15px;
  font-weight: 600;
  color: var(--navy, #0c1a35);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  line-height: 1.4;
}
.pau-faq-q::after {
  content: '+';
  font-size: 22px;
  font-weight: 300;
  color: rgba(0, 137, 214, 0.7);
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.pau-faq-item[open] .pau-faq-q::after {
  content: '−';
}
.pau-faq-a {
  padding: 0 28px 24px;
  font-size: 14px;
  color: var(--slate, #5a6478);
  line-height: 1.85;
  border-top: 1px solid var(--line, #e4e0d8);
  padding-top: 20px;
}
.pau-faq-a a {
  color: #0089D6;
  text-decoration: none;
  font-weight: 600;
}
.pau-faq-a a:hover {
  text-decoration: underline;
}

/* ── RESPONSIVE OVERRIDES ── */
@media (max-width: 1100px) {
  .pau-toc-bar { position: relative; top: 0; z-index: 10; }
  .pau-using-grid { grid-template-columns: 1fr; gap: 48px; }
  .pau-why-inner { grid-template-columns: 1fr; gap: 48px; }
  .pau-faq-wrap { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 900px) {
  .pau-features-grid { grid-template-columns: repeat(2, 1fr); }
  .pau-benefits-grid { grid-template-columns: 1fr; gap: 24px; }
  .pau-usecases-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px) {
  .pau-feature-card { padding: 32px; }
  .pau-benefit-card { padding: 32px; }
  .pau-uc-card { padding: 32px; }
  .pau-cb-content { flex-direction: column; align-items: flex-start; gap: 20px; }
}
@media (max-width: 600px) {
  .pau-toc-inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .pau-toc-list { flex-wrap: wrap; gap: 14px 20px; }
  .pau-features-grid { grid-template-columns: 1fr; }
  .pau-usecases-grid { grid-template-columns: 1fr; }
}