:root{
  --black:#030303;
  --charcoal:#151515;
  --charcoal-2:#1f1f1f;
  --ivory:#f5f1e8;
  --muted:#bdb7ad;
  --red:#e42218;
  --red-dark:#9e100b;
  --gold:#d7a72f;
  --line:rgba(255,255,255,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--black);
  color:var(--ivory);
  font-family:Montserrat,Arial,sans-serif;
  line-height:1.65;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.section{padding:110px 0}
.site-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px min(6vw,80px);
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(228,34,24,.45);
}
.brand{display:flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.24em;font-size:.82rem;font-weight:800}
.brand img{width:58px;height:58px;object-fit:cover;border:1px solid rgba(228,34,24,.35)}
nav{display:flex;gap:24px;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.18em}
nav a{color:var(--ivory);opacity:.9}
nav a:hover{color:var(--red)}
h1,h2{
  font-family:"Playfair Display",Georgia,serif;
  line-height:.95;
  margin:0 0 24px;
  letter-spacing:-.035em;
}
h1{font-size:clamp(4rem,9vw,9rem);max-width:920px}
h2{font-size:clamp(2.7rem,5.5vw,5.8rem)}
h3{font-size:1.35rem;line-height:1.15;margin:0 0 16px}
p{color:var(--muted);margin:0 0 18px}
.eyebrow{
  color:var(--ivory);
  text-transform:uppercase;
  letter-spacing:.42em;
  font-size:.78rem;
  font-weight:800;
  margin-bottom:20px;
}
.lead{font-size:1.18rem;max-width:760px;color:#e4ded5}
.button-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:16px 24px;
  border:1px solid var(--red);
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.14em;
  font-size:.75rem;
  margin-top:18px;
}
.btn.primary{background:var(--red);color:white}
.btn.primary:hover{background:#ff3024}
.btn.secondary{background:transparent;color:var(--ivory)}
.btn.secondary:hover{background:rgba(228,34,24,.12)}
.hero{position:relative;min-height:calc(100vh - 86px);display:flex;align-items:center;overflow:hidden;background:
radial-gradient(circle at 80% 30%,rgba(228,34,24,.18),transparent 32%),
linear-gradient(180deg,#050505,#0d0d0d)}
.hero-bg-mark{
  position:absolute;right:-5vw;top:4vh;
  font-family:"Playfair Display",serif;
  font-size:35vw;font-weight:900;
  color:rgba(255,255,255,.025);
  line-height:1;pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative}
.hero-logo{
  width:100%;
  border:1px solid rgba(228,34,24,.45);
  box-shadow:0 28px 120px rgba(228,34,24,.22);
}
.centered{text-align:center;max-width:820px;margin:0 auto 56px}
.section-intro{font-size:1.05rem;color:var(--muted)}
.left{text-align:left;max-width:860px}
.pillars,.transformation,.process,.keystones,.success-stories{background:var(--charcoal)}
.pillar-grid,.transformation-grid,.framework-grid,.who-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px
}
.pillar-card,.framework-grid article,.transformation-grid article,.who-grid article,.process-grid article{
  background:#090909;
  border:1px solid var(--line);
  padding:34px;
  min-height:210px;
  box-shadow:0 22px 70px rgba(0,0,0,.35);
  transition:.25s ease;
}
.pillar-card:hover,.framework-grid article:hover,.transformation-grid article:hover,.who-grid article:hover,.process-grid article:hover{
  border-color:rgba(228,34,24,.7);transform:translateY(-4px)
}
.number,.process-grid span{color:var(--gold);font-weight:900;letter-spacing:.12em;font-size:.8rem}
.story{background:#030303}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.story-copy p{font-size:1.03rem}
.founder{background:#080808}
.founder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.portrait-wrap img{border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.55)}
.founder-copy{max-width:650px}
.results{background:linear-gradient(90deg,#0b0b0b,#150806,#0b0b0b);border-top:1px solid rgba(228,34,24,.25);border-bottom:1px solid rgba(228,34,24,.25)}
.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.results-grid div{border:1px solid rgba(228,34,24,.35);background:#070707;padding:30px}
.results-grid strong{display:block;font-family:"Playfair Display",serif;font-size:3.2rem;line-height:1;color:var(--red)}
.results-grid span{display:block;margin-top:14px;color:var(--muted);font-weight:700}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:40px}
.frameworks,.who{background:#030303}
.framework-grid{grid-template-columns:repeat(3,1fr);margin-top:46px}
.framework-grid article{border-top:3px solid var(--red)}
.phoenix-story{background:#030303;padding:90px 0}
.phoenix-card{
  display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;
  border:1px solid rgba(228,34,24,.35);
  padding:36px;background:#080808;
}
.keystone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.keystone-grid span{background:#080808;border:1px solid var(--line);padding:18px 20px;font-weight:800}
.contact{background:#030303}
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start}
.contact-email a{color:var(--red);font-weight:800}
.contact-form{background:#0b0b0b;border:1px solid var(--line);padding:34px}
label{display:block;font-weight:800;margin-bottom:18px}
input,textarea{
  width:100%;margin-top:8px;padding:14px;background:#030303;border:1px solid rgba(255,255,255,.25);
  color:var(--ivory);font:inherit;
}
input:focus,textarea:focus{outline:1px solid var(--red);border-color:var(--red)}
.site-footer{
  text-align:center;padding:54px 20px;border-top:1px solid rgba(228,34,24,.55);background:#030303
}
.site-footer img{width:74px;height:74px;object-fit:cover;margin:0 auto 16px;border:1px solid rgba(228,34,24,.35)}
.site-footer strong{text-transform:uppercase;letter-spacing:.32em}
.site-footer p{font-size:.85rem;margin-top:14px;color:#d9d3ca}

@media (max-width: 1000px){
  nav{display:none}
  .hero-grid,.founder-grid,.phoenix-card,.contact-grid,.story-grid{grid-template-columns:1fr}
  .pillar-grid,.transformation-grid,.framework-grid,.who-grid,.results-grid,.process-grid,.keystone-grid{grid-template-columns:1fr}
  .section{padding:76px 0}
  .site-header{padding:12px 20px}
  .brand img{width:46px;height:46px}
  h1{font-size:clamp(3.2rem,17vw,5rem)}
  h2{font-size:clamp(2.3rem,12vw,3.8rem)}
}