﻿:root { --navy:#00545b; --navy-2:#063f46; --gold:#35a7b5; --gold-2:#2f98a5; --ink:#111827; --muted:#667085; --line:#e5e7eb; --soft:#f6f8fb; --white:#fff; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body.ilays-site{margin:0;font-family:'Inter',Arial,sans-serif;color:var(--ink);background:var(--soft)}
body.ilays-site h1,body.ilays-site h2,body.ilays-site h3,body.ilays-site h4,body.ilays-site .brand-wordmark{font-family:'Archivo',Arial,sans-serif;letter-spacing:0} body.ilays-site p{color:var(--muted);font-size:18px;line-height:1.65} a{color:inherit}.gold{color:var(--gold)}
.ilays-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.ilays-nav .navbar{padding:18px 0}.brand-wordmark{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{width:210px;height:42px;object-fit:contain;object-position:left center;display:block}.brand-wordmark span{color:var(--gold)}.navbar-nav .nav-link{color:var(--ink);font-size:14px;font-weight:700;text-transform:uppercase;padding:10px 14px!important}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--gold)}.navbar-toggler{border:1px solid var(--line);border-radius:6px}.nav-cta{white-space:nowrap}
.btn-ilays,.btn-ilays-outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:6px;font-weight:800;font-size:14px;text-transform:uppercase;text-decoration:none;transition:.2s ease}.btn-ilays{color:var(--navy);background:var(--gold);border:1px solid var(--gold)}.btn-ilays:hover{color:var(--navy);background:var(--gold-2);border-color:var(--gold-2);transform:translateY(-1px)}.btn-ilays-outline{color:var(--white);border:1px solid rgba(255,255,255,.45)}.btn-ilays-outline:hover{color:var(--navy);background:var(--white)}
.hero{background:radial-gradient(circle at 78% 16%,rgba(53,167,181,.24),transparent 28%),var(--navy);color:var(--white);padding:92px 0 78px}.hero h1{color:var(--white);font-size:clamp(42px,6vw,76px);line-height:1.04;font-weight:800;margin:0}.hero p{color:#d5dce8;max-width:650px;margin-top:24px}.eyebrow{color:var(--gold);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:0;margin-bottom:14px}.hero-media{position:relative;min-height:390px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.3)}.hero-media img{width:100%;height:100%;min-height:390px;object-fit:cover;filter:saturate(.9) contrast(1.05)}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(10,25,47,.72))}.hero-caption{position:absolute;left:24px;right:24px;bottom:24px;z-index:1;color:var(--white);font-weight:800}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.section{padding:86px 0}.section-white{background:var(--white)}.section-navy{background:var(--navy);color:var(--white)}.section-navy p{color:#d5dce8}.section-title{max-width:760px;margin-bottom:44px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.section-title h2,.section h2{color:var(--navy);font-size:clamp(32px,4vw,52px);line-height:1.08;font-weight:800;margin-bottom:18px}.section-navy .section-title h2,.section-navy h2{color:var(--white)}
.logo-strip{background:var(--white);border-bottom:1px solid var(--line);padding:34px 0}.logo-strip p{font-size:13px;text-align:center;text-transform:uppercase;font-weight:800;color:var(--muted);margin-bottom:20px}.logo-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.logo-pill{min-width:150px;text-align:center;border:1px solid var(--line);border-radius:6px;padding:14px 18px;color:#7a8494;font-weight:800;background:#fbfcfd}
.grid-card,.case-card,.service-card,.insight-card,.fit-panel,.contact-card{background:var(--white);border:1px solid var(--line);border-radius:8px}.grid-card,.service-card,.insight-card{padding:28px;height:100%}.grid-card:hover,.service-card:hover,.insight-card:hover{box-shadow:0 18px 48px rgba(16,34,63,.09);transform:translateY(-2px);transition:.2s ease}.number{width:48px;height:48px;display:grid;place-items:center;background:#eef2f7;color:var(--navy);border-radius:6px;font-weight:800;margin-bottom:20px}.grid-card h3,.service-card h3,.insight-card h3{font-size:23px;color:var(--navy);margin-bottom:12px}.grid-card p,.service-card p,.insight-card p{font-size:16px;margin-bottom:0}.split-image{border-radius:8px;overflow:hidden;min-height:420px;height:100%}.split-image img{width:100%;height:100%;object-fit:cover}.quote-band{background:#eef2f7;padding:70px 0;text-align:center}.quote-band h2{color:var(--navy);font-size:clamp(30px,4vw,46px);font-style:italic;font-weight:800}.case-card{padding:32px}.case-label{color:var(--gold);font-weight:800;text-transform:uppercase;font-size:12px;margin-bottom:8px}.testimonial{border-left:4px solid var(--gold);padding-left:24px}.testimonial p{color:var(--white);font-size:22px}
.page-hero{background:var(--navy);color:var(--white);padding:82px 0 70px}.page-hero h1{color:var(--white);font-size:clamp(40px,5vw,66px);font-weight:800;line-height:1.08}.page-hero p{color:#d5dce8;max-width:800px}.service-card ul,.fit-panel ul,.process-list{padding-left:0;list-style:none;margin:18px 0 0}.service-card li,.fit-panel li,.process-list li{position:relative;padding-left:26px;margin-bottom:10px;color:var(--muted);line-height:1.5}.service-card li:before,.fit-panel li:before,.process-list li:before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--gold)}.best-for{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}.process-step{display:grid;grid-template-columns:74px 1fr;gap:20px;padding:24px 0;border-top:1px solid rgba(255,255,255,.16)}.process-step strong{color:var(--gold);font-size:22px}.process-step h3{color:var(--white);font-size:24px;margin-bottom:6px}.contact-card{padding:30px}.contact-line{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}.contact-line:last-child{border-bottom:0}.contact-line i{color:var(--gold);margin-top:5px}.fit-panel{background:var(--navy);color:var(--white);padding:32px;height:100%}.fit-panel h3{color:var(--gold)}.fit-panel li{color:#d5dce8}.form-control{min-height:50px;border-radius:6px;border-color:var(--line)}textarea.form-control{min-height:140px}/* footer styles moved to improvements block below */
@media(max-width:991px){.hero{padding-top:70px}.hero-media{margin-top:38px;min-height:310px}.hero-media img{min-height:310px}.section{padding:64px 0}.navbar-nav{padding-top:14px}.nav-cta{margin-top:12px}}@media(max-width:575px){.brand-logo{width:168px;height:38px}.hero-actions .btn-ilays,.hero-actions .btn-ilays-outline{width:100%}body.ilays-site p{font-size:16px}.section-title{margin-bottom:30px}.process-step{grid-template-columns:1fr;gap:6px}.footer a{margin-left:0;margin-right:14px}}



/* Contrast refinements for Ilays logo palette */
:root { --teal-dark:#00484f; --teal-ink:#00373d; --teal-light:#b9f4f8; --text-strong:#102a2e; --text-readable:#425466; }
body.ilays-site p { color: var(--text-readable); }
.hero, .page-hero, .section-navy { background-color: var(--teal-dark); }
.hero { background: radial-gradient(circle at 78% 16%, rgba(185,244,248,.18), transparent 30%), var(--teal-dark); }
.hero p, .page-hero p, .section-navy p { color: #edfafa; }
.hero .eyebrow, .page-hero .eyebrow, .section-navy .eyebrow { color: var(--teal-light); }
.hero .gold, .section-navy .gold { color: var(--teal-light); }
.btn-ilays { color: var(--teal-ink); background: var(--gold); border-color: var(--gold); }
.btn-ilays:hover { color: #002b30; background: #7ad8e1; border-color: #7ad8e1; }
.btn-ilays-outline { color: #ffffff; border-color: rgba(255,255,255,.74); }
.btn-ilays-outline:hover { color: var(--teal-ink); background: #ffffff; border-color: #ffffff; }
.section-title h2, .section h2, .grid-card h3, .service-card h3, .insight-card h3, .contact-card h2 { color: var(--text-strong); }
.grid-card p, .service-card p, .insight-card p, .case-card p { color: var(--text-readable); }
.logo-strip p { color: #344b55; }
.number { background: #e8f7f9; color: var(--teal-dark); }
.case-label, .contact-line i, .footer a:hover, .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: #237f8a; }
.fit-panel { background: var(--teal-dark); }
.fit-panel h3 { color: var(--teal-light); }
.fit-panel li { color: #edfafa; }
.testimonial p { color: #ffffff; }

body.ilays-site .hero p, body.ilays-site .page-hero p, body.ilays-site .section-navy p { color: #edfafa; }
body.ilays-site .hero .eyebrow, body.ilays-site .page-hero .eyebrow, body.ilays-site .section-navy .eyebrow { color: var(--teal-light); }
body.ilays-site .hero .gold, body.ilays-site .section-navy .gold { color: var(--teal-light); }

body.ilays-site .section-navy h2, body.ilays-site .section-navy h3 { color: #ffffff; }


body.ilays-site .fit-panel p { color: #ffffff; }



/* Image-safe live-site refinements */
.brand-textmark { font-family: 'Archivo', Arial, sans-serif; font-size: 30px; line-height: 1; font-weight: 800; color: var(--teal-dark); letter-spacing: 0; }
.brand-textmark span { color: var(--gold); }
.hero-media-fallback { display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg, rgba(53,167,181,.22), rgba(0,55,61,.9)); }
.hero-media-fallback::after { background: linear-gradient(180deg, transparent 12%, rgba(0,55,61,.72)); }
.hero-signal { position: relative; z-index: 1; width: min(56%, 360px); display: grid; gap: 22px; }
.hero-signal span { display: block; height: 16px; border-radius: 999px; background: var(--gold); box-shadow: 0 0 0 12px rgba(185,244,248,.12); }
.hero-signal span:nth-child(2) { width: 82%; }
.hero-signal span:nth-child(3) { width: 64%; }
@media (max-width: 575px) { .brand-textmark { font-size: 24px; } }


/* ============================================================
   IMPROVEMENTS — footer, team, portfolio, insights
   ============================================================ */

/* Footer */
.footer { background: var(--white); border-top: 1px solid var(--line); padding: 0; color: var(--muted); font-size: 15px; }
.footer-top { padding: 28px 0; border-bottom: 1px solid var(--line); }
.footer-brand { font-family: 'Archivo', Arial, sans-serif; font-size: 22px; font-weight: 800; color: var(--teal-dark); text-decoration: none; }
.footer-brand span { color: var(--gold); }
.footer-nav a { color: var(--muted); text-decoration: none; font-weight: 600; margin-left: 0; margin-right: 20px; font-size: 14px; }
.footer-nav a:hover { color: var(--gold); }
.footer-bottom { padding: 20px 0; }
.footer-copy { color: var(--muted); font-size: 14px; }
.footer-social { display: flex; gap: 10px; }
.footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--line); color: var(--muted); text-decoration: none; font-size: 15px; transition: .2s ease; }
.footer-social a:hover { color: var(--white); background: var(--gold); border-color: var(--gold); }

/* Testimonial author */
.testimonial-author { margin-top: 16px; }

/* Team cards */
.team-card { background: var(--white); border: 1px solid var(--line); border-radius: 12px; padding: 28px; height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; transition: .2s ease; }
.team-card:hover { box-shadow: 0 18px 48px rgba(16,34,63,.09); transform: translateY(-2px); }
.team-avatar { width: 72px; height: 72px; border-radius: 50%; background: #e8f7f9; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.team-initials { font-family: 'Archivo', Arial, sans-serif; font-size: 22px; font-weight: 800; color: var(--teal-dark); }
.team-info { flex: 1; }
.team-info h3 { font-size: 20px; color: var(--text-strong); margin-bottom: 4px; }
.team-role { font-size: 13px; font-weight: 700; text-transform: uppercase; color: var(--gold); letter-spacing: 0.02em; margin-bottom: 12px; }
.team-info p { font-size: 15px; color: var(--text-readable); margin-bottom: 14px; }
.team-linkedin { font-size: 13px; font-weight: 700; color: var(--teal-dark); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.team-linkedin:hover { color: var(--gold); }

/* Portfolio case study cards */
.case-study-card { background: var(--white); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.case-study-sidebar { background: #eef2f7; padding: 36px 32px; }
.case-study-sidebar .eyebrow { margin-bottom: 10px; }
.case-study-sidebar h3 { font-size: 24px; color: var(--text-strong); margin-bottom: 10px; }
.case-study-sidebar p { font-size: 15px; color: var(--text-readable); margin-bottom: 24px; }
.case-metrics { display: flex; flex-direction: column; gap: 16px; }
.metric { display: flex; flex-direction: column; }
.metric-val { font-family: 'Archivo', Arial, sans-serif; font-size: 32px; font-weight: 800; color: var(--teal-dark); line-height: 1; }
.metric-label { font-size: 13px; color: var(--muted); margin-top: 2px; }
.case-study-body { padding: 36px 32px; }
.case-row { padding: 18px 0; border-bottom: 1px solid var(--line); }
.case-row:last-child { border-bottom: none; padding-bottom: 0; }
.case-row .case-label { color: var(--gold); font-weight: 800; text-transform: uppercase; font-size: 11px; margin-bottom: 6px; }
.case-row p { font-size: 15px; color: var(--text-readable); margin: 0; }

/* Insight cards improved */
.insight-card { background: var(--white); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: .2s ease; padding: 0 !important; }
.insight-card:hover { box-shadow: 0 18px 48px rgba(16,34,63,.09); transform: translateY(-2px); }
.insight-img { width: 100%; height: 200px; object-fit: cover; display: block; }
.insight-body { padding: 24px 28px; flex: 1; display: flex; flex-direction: column; }
.insight-body h3 { font-size: 20px; color: var(--text-strong); margin: 10px 0 10px; flex: 1; }
.insight-body p { font-size: 15px; color: var(--text-readable); margin-bottom: 16px; }
.insight-link { font-size: 14px; font-weight: 700; color: var(--teal-dark); text-decoration: none; display: inline-flex; align-items: center; gap: 7px; margin-top: auto; }
.insight-link:hover { color: var(--gold); }
.insight-link i { font-size: 12px; transition: transform .2s; }
.insight-link:hover i { transform: translateX(3px); }

/* Social CTA row */
.social-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.social-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 20px; font-size: 14px; }

@media (max-width: 767px) {
  .case-study-sidebar { padding: 28px 24px; }
  .case-study-body { padding: 24px; }
  .case-metrics { flex-direction: row; flex-wrap: wrap; gap: 12px; }
  .metric { min-width: 80px; }
  .footer-nav a { margin-right: 14px; font-size: 13px; }
}
