/* Consultancy (bridge to cliffen-consulting.com) page — self-contained
   design tokens, same palette values as core/css/About.css, namespaced to
   this page so it renders correctly without depending on another page's
   CSS (see About.css for the convention this follows). */
:root{
    --consultancy-navy: #0B1F3A;
    --consultancy-navy-2: #14315C;
    --consultancy-navy-3: #1E4079;
    --consultancy-coral: #D6363C;
    --consultancy-coral-dark: #C22A30;
    --consultancy-amber: #FFB020;
    --consultancy-teal: #0B7A6D;
    --consultancy-bg: #F5F7FB;
    --consultancy-ink: #1A2333;
    --consultancy-muted: #5B6478;
    --consultancy-border: #E3E7F0;
    --consultancy-heading-font: 'Zilla Slab', Georgia, serif;
    --consultancy-body-font: 'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.consultancy-main{background:var(--consultancy-bg);font-family:var(--consultancy-body-font);color:var(--consultancy-ink);}

/* Breadcrumb */
.consultancy-crumb{background:#fff;border-bottom:1px solid var(--consultancy-border);padding:12px 20px;}
.consultancy-crumb-wrap{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--consultancy-muted);}
.consultancy-crumb-wrap a{color:var(--consultancy-navy-3);text-decoration:none;}
.consultancy-crumb-wrap a:hover{text-decoration:underline;}

/* Hero */
.consultancy-hero{background:linear-gradient(100deg, var(--consultancy-navy) 0%, var(--consultancy-navy-2) 55%, var(--consultancy-navy-3) 100%);color:#fff;padding:56px 20px;text-align:center;}
.consultancy-hero-eyebrow{display:inline-block;font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--consultancy-amber);margin-bottom:10px;}
.consultancy-hero h1{font-family:var(--consultancy-heading-font);font-size:clamp(1.9rem, 4vw, 2.6rem);font-weight:700;margin:0 0 12px;}
.consultancy-hero p{max-width:680px;margin:0 auto;color:#D7DEEC;font-size:1.05rem;line-height:1.6;}
.consultancy-hero-actions{margin-top:24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* Buttons */
.consultancy-btn{display:inline-flex;align-items:center;gap:10px;background:var(--consultancy-coral);color:#fff;font-weight:700;font-size:0.95rem;padding:12px 22px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease;}
.consultancy-btn:hover{background:var(--consultancy-coral-dark);transform:translateY(-1px);color:#fff;}
.consultancy-btn-secondary{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.12);color:#fff;font-weight:700;font-size:0.95rem;padding:12px 22px;border-radius:999px;text-decoration:none;border:1px solid rgba(255,255,255,0.4);transition:background-color 0.2s ease, transform 0.2s ease;}
.consultancy-btn-secondary:hover{background:rgba(255,255,255,0.22);transform:translateY(-1px);color:#fff;}

/* Layout */
.consultancy-wrap{max-width:1100px;margin:0 auto;padding:48px 20px;}

/* Intro card explaining the two-companies relationship */
.consultancy-intro-card{background:#fff;border:1px solid var(--consultancy-border);border-radius:14px;box-shadow:0 8px 24px rgba(11,31,58,0.06);padding:32px 36px;margin-bottom:40px;}
.consultancy-intro-card p{margin:0 0 16px;line-height:1.75;font-size:1rem;color:var(--consultancy-ink);}
.consultancy-intro-card p:last-child{margin-bottom:0;}
.consultancy-intro-card strong{color:var(--consultancy-navy);}

/* Section heading */
.consultancy-section-head{text-align:center;max-width:680px;margin:0 auto 28px;}
.consultancy-section-eyebrow{display:inline-block;font-size:0.78rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--consultancy-teal);margin-bottom:8px;}
.consultancy-section-head h2{font-family:var(--consultancy-heading-font);font-size:clamp(1.4rem, 2.6vw, 1.8rem);color:var(--consultancy-navy);margin:0 0 10px;}
.consultancy-section-head p{color:var(--consultancy-muted);font-size:0.98rem;line-height:1.6;margin:0;}

.consultancy-section{margin-bottom:52px;}
.consultancy-section:last-of-type{margin-bottom:0;}

/* Services grid */
.consultancy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:20px;}
.consultancy-card{border:1px solid var(--consultancy-border);border-radius:14px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 14px rgba(11,31,58,0.04);transition:box-shadow 0.15s ease, transform 0.15s ease;}
.consultancy-card:hover{box-shadow:0 10px 24px rgba(11,31,58,0.09);transform:translateY(-2px);}
.consultancy-card-icon{width:44px;height:44px;border-radius:10px;background:var(--consultancy-bg);color:var(--consultancy-navy-3);display:flex;align-items:center;justify-content:center;font-size:1.15rem;}
.consultancy-card h3{font-family:var(--consultancy-heading-font);font-size:1.05rem;font-weight:700;color:var(--consultancy-navy);margin:0;}
.consultancy-card p{color:var(--consultancy-muted);font-size:0.92rem;line-height:1.55;margin:0;flex-grow:1;}
.consultancy-card-link{color:var(--consultancy-navy-3);font-weight:700;font-size:0.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;margin-top:4px;}
.consultancy-card-link:hover{color:var(--consultancy-coral-dark);}
.consultancy-card-link i{font-size:0.78rem;transition:transform 0.15s ease;}
.consultancy-card-link:hover i{transform:translateX(3px);}

/* Free tools band — set apart with a tinted background */
.consultancy-tools{background:var(--consultancy-bg);border:1px solid var(--consultancy-border);border-radius:16px;padding:40px 32px;}
.consultancy-tools .consultancy-card{background:#fff;}

/* Closing CTA band */
.consultancy-cta-band{background:linear-gradient(100deg, var(--consultancy-navy) 0%, var(--consultancy-navy-3) 100%);border-radius:16px;color:#fff;padding:40px 32px;text-align:center;}
.consultancy-cta-band h2{font-family:var(--consultancy-heading-font);font-size:clamp(1.3rem, 2.4vw, 1.7rem);margin:0 0 10px;}
.consultancy-cta-band p{color:#D7DEEC;max-width:520px;margin:0 auto 20px;line-height:1.6;}

.consultancy-external-note{display:flex;align-items:center;gap:8px;justify-content:center;color:var(--consultancy-muted);font-size:0.82rem;margin-top:14px;}
.consultancy-external-note i{color:var(--consultancy-teal);}

@media (max-width: 560px){
    .consultancy-intro-card{padding:24px 22px;}
    .consultancy-tools{padding:28px 20px;}
    .consultancy-cta-band{padding:32px 22px;}
}