:root { --navy: #0f2740; --gold: #c9a227; --off-white: #f7f5f0; --text: #2b2b2b; --muted: #6b6b6b; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Georgia, 'Times New Roman', serif; color: var(--text); background: var(--off-white); line-height: 1.7; } .wrap { max-width: 960px; margin: 0 auto; padding: 0 24px; } /* NAV */ .site-nav { display: flex; gap: 28px; justify-content: flex-end; flex-wrap: wrap; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 20px; } .site-nav a { color: #dfe6ee; text-decoration: none; } .site-nav a:hover { color: var(--gold); } /* LOGO */ .logo { display: block; height: 110px; width: auto; max-width: 100%; margin-bottom: 28px; } /* HERO */ header { background: var(--navy); color: #fff; padding: 96px 0 80px; } .page-header { padding: 48px 0 44px; } .page-header h1 { font-size: clamp(28px, 4.5vw, 38px); margin-bottom: 12px; } .page-intro { font-size: 18px; max-width: 680px; color: #dfe6ee; } .hero-badge { color: var(--gold); font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px; font-family: Arial, sans-serif; } h1 { font-size: clamp(34px, 6vw, 52px); font-weight: 700; line-height: 1.15; margin-bottom: 20px; } .hero-sub { font-size: 20px; max-width: 640px; margin-bottom: 28px; color: #dfe6ee; } .hero-proof { border-left: 3px solid var(--gold); padding-left: 16px; font-style: italic; margin-bottom: 36px; color: #f0f0f0; } .page-header .hero-proof { margin-bottom: 0; } .btn { display: inline-block; background: var(--gold); color: var(--navy); padding: 14px 32px; text-decoration: none; font-weight: bold; font-family: Arial, sans-serif; border-radius: 4px; transition: background 0.2s; } .btn:hover { background: #dcb63a; } /* SECTIONS */ section { padding: 72px 0; } h2 { color: var(--navy); font-size: 30px; margin-bottom: 32px; text-align: center; } h2 span { color: var(--gold); } .section-lead { max-width: 720px; margin: 0 auto 32px; text-align: center; color: var(--muted); font-size: 17px; } /* WHO IT'S FOR */ .who { background: #fff; } .who-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; } .who-card { border: 1px solid #e5e0d5; border-radius: 6px; padding: 28px; background: var(--off-white); } .who-card h3 { color: var(--navy); font-size: 19px; margin-bottom: 12px; } .who-card p { font-size: 15.5px; color: var(--muted); } /* LISTS */ .what ul { list-style: none; max-width: 760px; margin: 0 auto; } .what li { padding: 18px 0 18px 34px; border-bottom: 1px solid #e0dbd0; position: relative; font-size: 17px; } .what li::before { content: "✓"; color: var(--gold); position: absolute; left: 0; font-weight: bold; } .services-note { text-align: center; margin-top: 36px; color: var(--muted); font-size: 15px; } .chips { text-align: center; margin-top: 18px; } .chip { display: inline-block; background: #fff; border: 1px solid #d8d2c4; border-radius: 20px; padding: 6px 16px; margin: 4px; font-size: 13.5px; color: var(--navy); font-family: Arial, sans-serif; } /* PROOF */ .proof { background: var(--navy); color: #fff; } .proof h2 { color: #fff; } .proof h2 span { color: var(--gold); } .proof-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px; text-align: center; } .proof-num { font-size: 40px; font-weight: bold; color: var(--gold); font-family: Arial, sans-serif; } .proof-label { font-size: 14.5px; color: #cfd8e2; margin-top: 6px; } /* ORGANIZATIONS */ .orgs { padding: 56px 0; } .org-names { text-align: center; max-width: 820px; margin: 0 auto; font-size: 16px; line-height: 2.1; color: #e8edf3; } /* EXPERIENCE */ .exp { background: #fff; } .exp-item { padding: 22px 0; border-bottom: 1px solid #ece7dc; } .exp-item h3 { color: var(--navy); font-size: 18px; } .exp-item .dates { font-size: 13px; color: var(--muted); font-family: Arial, sans-serif; } .exp-item p { font-size: 15px; margin-top: 6px; color: var(--muted); } /* CONTACT */ .contact { text-align: center; } .contact-box { background: #fff; border: 1px solid #e5e0d5; border-radius: 8px; padding: 48px 32px; max-width: 640px; margin: 0 auto; } .contact-box .btn { font-size: 17px; } .contact-links { margin-top: 24px; font-size: 15.5px; color: var(--muted); } .contact-links a { color: var(--navy); } /* FOOTER */ footer { background: var(--navy); color: #8fa0b3; text-align: center; padding: 32px 0; font-size: 13px; font-family: Arial, sans-serif; } .footer-links { display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; margin-bottom: 14px; } .footer-links a { color: #8fa0b3; text-decoration: none; } .footer-links a:hover { color: var(--gold); } .footer-logo { height: 44px; width: auto; display: block; margin: 0 auto 14px; } @media (max-width: 600px) { header { padding: 64px 0 56px; } .page-header { padding: 40px 0 36px; } section { padding: 52px 0; } }

:root{--navy:#061b3b;--gold:#f4c52b;--off-white:#fafaf7;--text:#18263a;--muted:#596575;--red:#b90816}
body{font-family:Arial,sans-serif;line-height:1.7}h1,h2,h3{font-family:Georgia,serif}.wrap{max-width:1120px}.brandbar{background:white;padding:18px 0;border-bottom:4px solid var(--gold)}.brandbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.brandname{font:700 22px Georgia,serif;color:var(--navy)}.brandbar a{color:var(--navy);text-decoration:none;font-size:14px;font-weight:bold}.brandbar nav{display:flex;gap:24px}header{padding:64px 0 72px;background:var(--navy);border-bottom:6px solid var(--gold)}header:not(.page-header) > .wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:58px;align-items:center}header .logo{height:auto;width:100%;margin:0;border-radius:8px;background:white;box-shadow:0 18px 45px #0004}h1{font-size:clamp(34px,4.5vw,55px)}.hero-sub{font-size:18px}.hero-badge{font-size:11px;letter-spacing:1.8px}.hero-proof{font-size:15px}.btn{border-radius:3px;box-shadow:0 4px 0 #ad8913}.who-card{border:0;border-top:4px solid var(--gold);box-shadow:0 8px 28px #061b3b0a;background:white}.who{background:#f1f3f6}h2{text-align:left;font-size:36px}.proof h2{text-align:center}.proof-grid{gap:32px}.proof-num{font-size:34px}.contact-box{border-top:5px solid var(--red);box-shadow:0 12px 35px #061b3b0a}.contact-box h2{text-align:center}.services{background:white}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.offer{padding:30px;border:1px solid #dce1e8;border-radius:5px}.offer small{color:var(--red);font-weight:bold;letter-spacing:1px}.offer h3{font-size:25px;margin:12px 0}.offer p{color:var(--muted);font-size:15px}.offer a{display:inline-block;margin-top:20px;color:var(--navy);font-weight:bold}.section-intro{max-width:680px;color:var(--muted);margin-top:-15px;margin-bottom:30px}footer img{height:90px!important;border-radius:3px} @media(max-width:760px){header:not(.page-header) > .wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:58px;align-items:center}header .logo{max-width:260px;margin:auto}.brandname{font-size:17px}.brandbar nav{gap:12px}.brandbar nav a{font-size:12px}.offer-grid{grid-template-columns:1fr}header{padding:36px 0 50px}h2{font-size:30px}}

.founder{background:#f1f3f6}.founder-grid{display:grid;grid-template-columns:320px 1fr;gap:64px;align-items:center}.founder img{width:100%;height:auto;border-radius:6px;border-bottom:5px solid var(--gold)}.founder .hero-badge{color:var(--red);font-weight:bold}.founder p{color:var(--muted);margin-bottom:25px}.founder h2{margin-bottom:18px}@media(max-width:760px){.founder-grid{grid-template-columns:1fr;gap:28px}.founder img{max-width:300px;margin:auto}}
.site-nav{grid-column:1/-1;margin-bottom:0}.footer-logo{height:90px}.page-header .wrap{display:block}.page-header .logo{height:90px;width:auto;margin:18px 0}.page-header h1{max-width:850px}.page-header .site-nav{margin-bottom:24px}@media(max-width:760px){header:not(.page-header) > .wrap{grid-template-columns:1fr;gap:30px}.site-nav{justify-content:flex-start;gap:16px}}

.consulting-banner{grid-column:1/-1;width:100%;height:auto;display:block;border-radius:6px}header:not(.page-header) .hero-content{grid-column:1/-1;max-width:850px}.event-photo{max-width:600px;margin:0 auto 64px;padding:0 24px}.event-photo img,.skynet-feature img{display:block;width:100%;height:auto;border-radius:6px;border-bottom:4px solid var(--gold)}.skynet-feature{max-width:560px;margin:36px auto}.skynet-feature a{display:block}@media(max-width:760px){.event-photo{margin-bottom:40px}}